首页 >web前端 >js教程 > 正文

javascript如何转换时间

原创2021-04-02 15:40:420903

javascript转换时间的方法:创建一个【util.js】文件,在里面重新封装一下Date的format方法,代码为【let date = new Date().Format("yyyy年M月dd日\tEEE\tHH:mm:ss")】。

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript转换时间的方法:

创建一个util.js文件,在里面重新封装一下Date的format方法:

//Date的prototype 属性可以向对象添加属性和方法。   
Date.prototype.Format = function(fmt) {
var o = {
    "M+": this.getMonth() + 1, //月份         
    "d+": this.getDate(), //日         
    "h+": this.getHours() % 12 === 0 ? 12 : this.getHours() % 12, //小时         
    "H+": this.getHours(), //小时         
    "m+": this.getMinutes(), //分         
    "s+": this.getSeconds(), //秒         
    "q+": Math.floor((this.getMonth() + 3) / 3), //季度         
    "S": this.getMilliseconds() //毫秒         
};
var week = {
    "0": "\u65e5",
    "1": "\u4e00",
    "2": "\u4e8c",
    "3": "\u4e09",
    "4": "\u56db",
    "5": "\u4e94",
    "6": "\u516d"
};
if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
if (/(E+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "\u661f\u671f" : "\u5468") : "") + week[this.getDay() + ""]);
}
for (var k in o) {
    if (new RegExp("(" + k + ")").test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    }
}
return fmt;
};

具体调用的时候就可以变得很方便,想要什么格式就可以形成什么格式,例如 年月日 星期几 时分秒,做个简单的例子,如果有哪里看不明白可以评论,我看见会给你解释的。

let date = new Date().Format("yyyy年MM月dd日\tEEE\tHH:mm:ss");
        $("#date-now").html(date);

相关免费学习推荐:javascript学习教程

以上就是javascript如何转换时间的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 转换时间
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1412
    浅析php简单操作mysql锁机制3024
    php无法加载mysql怎么办1598
    推荐视频教程
  • JavaScript 基础加强视频教程JavaScript 基础加强视频教程
  • 传智播客JavaScript面向对象完成贪吃蛇游戏视频教程传智播客JavaScript面向对象完成贪吃蛇游戏视频教程
  • JavaScript入门基础视频教程JavaScript入门基础视频教程
  • JavaScript基础精讲视频教程JavaScript基础精讲视频教程
  • JavaScript设计模式完整视频教程JavaScript设计模式完整视频教程
  • 视频教程分类