将时间戳转换成特定时间格式的实用函数

后端接口返回的时间通常都是时间戳，而我们前端的童鞋们必须根据需求来展示成特定的格式。如 2018/09/04 10:28:38 或者 2018-09-04 10:28:38，如果你有这个需求就可以把我的函数copy走了。不说了上代码。

 /**
  * 
  * @param {Number} n: 需要补齐两位数的数字
  * @return {String} String: 前面用0补齐的两位或多位数字，字符类型。如: 2->02 12->12
  */
function doubleNum(n) {
    const str = ""   n;
    return str[1] ? str : `0${str}`;
}

/**
 * 
 * @param {*} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} sep 分隔符，如："-"、"/"   默认是"-"
 * @return 日期格式的字符串 如：2018-09-04     2018/09/04
 */
function date(timestamp, sep = "-") {
    var _date = new Date(timestamp);
    var year = _date.getFullYear();
    var month = _date.getMonth()   1;
    var day = _date.getDate();
    return [year, month, day].map(doubleNum).join(sep);
}

/**
 * 
 * @param {String} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} sep 分隔符，如：":"   默认是":"
 * @return 时间格式的字符串 如：10:52:08
 */
function time(timestamp, sep = ":") {
    var _date = new Date(timestamp);
    var hours = _date.getHours();
    var minutes = _date.getMinutes();
    var seconds = _date.getSeconds();
    return [hours, minutes, seconds].map(doubleNum).join(sep);
}

/**
 * 
 * @param {*} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} dateSep 日期分隔符，如："-"、"/"   默认是"-"
 * @param {String} timeSep 时间分隔符，如：":"   默认是":"
 * @return 时间格式的字符串 如：2018-09-04 10:52:08
 */
function dateTime(timestamp, dateSep = "-", timeSep = ":") {
    return date(timestamp, dateSep)   " "   time(timestamp, timeSep);
}

如果不支持es6的语法，你可以稍微改一下代码，将es6改成es5的。代码如下：

 /**
  * 
  * @param {Number} n: 需要补齐两位数的数字
  * @return {String} String: 前面用0补齐的两位或多位数字，字符类型。如: 2->02 12->12
  */
function doubleNum(n) {
    const str = ""   n;
    return str[1] ? str : "0" str;
}

/**
 * 
 * @param {*} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} sep 分隔符，如："-"、"/"   默认是"-"
 * @return 日期格式的字符串 如：2018-09-04     2018/09/04
 */
function date(timestamp, sep) {
    sep = sep || "-";
    var _date = new Date(timestamp);
    var year = _date.getFullYear();
    var month = _date.getMonth()   1;
    var day = _date.getDate();
    return [year, month, day].map(doubleNum).join(sep);
}

/**
 * 
 * @param {String} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} sep 分隔符，如：":"   默认是":"
 * @return 时间格式的字符串 如：10:52:08
 */
function time(timestamp, sep) {
     sep = sep || ":";
    var _date = new Date(timestamp);
    var hours = _date.getHours();
    var minutes = _date.getMinutes();
    var seconds = _date.getSeconds();
    return [hours, minutes, seconds].map(doubleNum).join(sep);
}

/**
 * 
 * @param {*} timestamp 时间戳或者时间对象，以及可以转换成时间对象的字符串
 * @param {String} dateSep 日期分隔符，如："-"、"/"   默认是"-"
 * @param {String} timeSep 时间分隔符，如：":"   默认是":"
 * @return 时间格式的字符串 如：2018-09-04 10:52:08
 */
function dateTime(timestamp, dateSep, timeSep) {
    dateSep = dateSep || "-";
    timeSep = timeSep || ":";
    return date(timestamp, dateSep)   " "   time(timestamp, timeSep);
}

 

更多专业前端知识，请上 【猿2048】www.mk2048.com