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

最新推荐文章于 2024-09-19 11:08:14 发布

qq_45670012

最新推荐文章于 2024-09-19 11:08:14 发布

阅读量352

点赞数

分类专栏：前端文章标签：时间工具

原文链接：https://www.mk2048.com/blog/blog.php?id=bhh12012hj&title=%E5%B0%86%E6%97%B6%E9%97%B4%E6%88%B3%E8%BD%AC%E6%8D%A2%E6%88%90%E7%89%B9%E5%AE%9A%E6%97%B6%E9%97%B4%E6%A0%BC%E5%BC%8F%E7%9A%84%E5%AE%9E%E7%94%A8%E5%87%BD%E6%95%B0

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

后端接口返回的时间通常都是时间戳，而我们前端的童鞋们必须根据需求来展示成特定的格式。如 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);
}