标签：格式化 hour JavaScript month date 日期 sec var day

由于工作需求，我需要将 js 的时间转换成 yyyy-MM-dd HH:mm:ss 的格式，但是 JavaScript 的标准库没有时间格式化的操作，我在 MDN 的 JavaScript 标准内置对象 > 日期对象 找到最接近我需要的，就是以下三个方法：

toLocaleDateString()
toLocaleString()
toLocaleTimeString()

效果如下：

>  var date = new Date()
<· date.toLocaleDateString()
<· "2021/4/5"
>  date.toLocaleString()
<· "2021/4/5 下午8:40:22"
>  date.toLocaleTimeString()
<· "下午8:40:22"

但是还是跟预期还是有些差距，因此就只好自己写代码来转换了

/*
    时间戳的 yyyy-MM-dd HH:mm:ss 格式化
 */
var dateFormat = function() {
    var date = new Date()
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()

    var hour = date.getHours()
    var minu = date.getMinutes()
    var sec = date.getSeconds()

    month = month >= 10 ? month : '0' + month
    day = day >= 10 ? day : '0' + day
    hour = hour >= 10 ? hour : '0' + hour
    minu = minu >= 10 ? minu : '0' + minu
    sec = sec >= 10 ? sec : '0' + sec

    return `${year}-${month}-${day} ${hour}:${minu}:${sec}`
}

>  dateFormat()
<· "2021-04-05 20:41:07"

上面的代码不仅可以转换当前时间，还可以将 时间戳（从 1970 年 1 月 1 日开始到当前时间所经过的秒数）当做参数传进去，如下所示：

var dateFormat = function(seconds) {
    // js 只认毫秒数，因此需要将 时间戳 * 1000
    var date = new Date(seconds * 1000)
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()

    var hour = date.getHours()
    var minu = date.getMinutes()
    var sec = date.getSeconds()

    month = month >= 10 ? month : '0' + month
    day = day >= 10 ? day : '0' + day
    hour = hour >= 10 ? hour : '0' + hour
    minu = minu >= 10 ? minu : '0' + minu
    sec = sec >= 10 ? sec : '0' + sec

    return `${year}-${month}-${day} ${hour}:${minu}:${sec}`
}

如果自己的工作中对日期时间处理的需求非常多样化，推荐使用 moment.js 这个 JavaScript 日期处理类库

moment.js 的官方文档链接：
http://momentjs.cn/

标签：格式化,hour,JavaScript,month,date,日期,sec,var,day
来源： https://www.cnblogs.com/wanghuizhao/p/16311088.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。