前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于时间的处理

关于时间的处理

作者头像
IMWeb前端团队
发布2019-12-03 18:21:23
5220
发布2019-12-03 18:21:23
举报
文章被收录于专栏:IMWeb前端团队IMWeb前端团队

本文作者:IMWeb 九月 原文出处:IMWeb社区 未经同意,禁止转载

计算机处理时间一直都是以时间戳的方式进行的, 并且以 格林尼治时间 1970/1/1 0:0:0 开始计算的:

代码语言:javascript
复制
var date = new Date(0);
date.toString() // Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)
date.toGMTString() // Thu, 01 Jan 1970 00:00:00 GMT
date.toUTCString() // Thu, 01 Jan 1970 00:00:00 GMT

时间的格式化在前端是再正常不过的需求了, 所以会有类似的实现:

代码语言:javascript
复制
function formatDate(pattern, date) {
    date = new Date(date);

    function formatNumber(data, format) {
        data = data || 0;
        format = format.length;
        return format === 1 ? data : String(Math.pow(10, format) + data).slice(-format);
    }

    return pattern.replace(/([YMDhsmw])\1*/g, function(format) {
        switch (format.charAt()) {
            case 'Y':
                return formatNumber(date.getFullYear(), format);
            case 'M':
                return formatNumber(date.getMonth() + 1, format);
            case 'D':
                return formatNumber(date.getDate(), format);
            case 'h':
                return formatNumber(date.getHours(), format);
            case 'm':
                return formatNumber(date.getMinutes(), format);
            case 's':
                return formatNumber(date.getSeconds(), format);
            case 'w':
                return date.getDay();
        }
    });
}
  1. 最近在做需求的时候遇到 视频时长的问题, 后台返回的是 以秒为单位的数字, 要处理成 hh:mm:ss 这种格式, 在代码里搜了一下, 找到如下实现:function timeLen(time_len) { function fillZero(value) { return ('0' + value).slice(-2, 3); } return fillZero(Math.floor(time_len / 3600)), fillZero(Math.floor(time_len % 3600 / 60)), fillZero(time_len % 60) .join(':'); }

借助于 formatDate, 也可以这么写:

代码语言:javascript
复制
function timeLenFormat(time_len) {
    return formatDate('hh:mm:ss', new Date(time_len * 1000 + (new Date).setHours(0, 0, 0, 0)));
};
  1. 还有一个需求, 要找 N个月以后, 比如 2015/8/31 的 3 个月以后就是 2015/11/30, 月份 +N 很简单, 但是月底要特殊处理, 你不可能输出 2015/11/31, 遇到月底的情况, 这个问题就变成了计算某个月份有多少天了, 平年闰年大小月什么的, 这么简单的问题怎么能想得这么复杂, 所幸 Date 对象支持设置超出范围的日期, 利用这一点: function getDateNextMonth(month, date) { date = date || new Date; var tmp = date.getDate(); date.setMonth(date.getMonth() + month); return tmp === date.getDate() ? date : new Date(date.setDate(1) - 8.64e7); };
  2. 时区问题 用 (new Date).getTimezoneOffset() 修正
  3. 另外, 关于时间的处理, 有一个的库: https://github.com/moment/moment
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-08-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档