JS中new Date().Format("yyyy-MM-dd") 报错的解决

 更新时间:2023年01月21日 09:30:52   作者:£白昼の星☆  
这篇文章主要介绍了JS中new Date().Format("yyyy-MM-dd") 报错的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

1、原因:ES6中已经去掉了Format 的方法

JS日期格式化转换方法

1. 将日期转换为指定的格式

比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。

当然是网上的方法,只是总结下。

可以为Date原型添加如下的方法:

Date.prototype.format = function(fmt) { 
     var o = { 
        "M+" : this.getMonth()+1,                 //月份 
        "d+" : this.getDate(),                    //日 
        "h+" : this.getHours(),                   //小时 
        "m+" : this.getMinutes(),                 //分 
        "s+" : this.getSeconds(),                 //秒 
        "q+" : Math.floor((this.getMonth()+3)/3), //季度 
        "S"  : this.getMilliseconds()             //毫秒 
    }; 
    if(/(y+)/.test(fmt)) {
            fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
    }
     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; 
}        

比如

我们可以这样调用下:

var time1 = new Date().format("yyyy-MM-dd hh:mm:ss");
console.log(time1);

运行如下:   

也可以转换成 ”年月日”的格式 

var time2 = new Date().format("yyyy-MM-dd");
console.log(time2);

运行如下:

2. 将指定的日期转换为"年月日"的格式

代码如下:

    var oldTime = (new Date("2012/12/25 20:11:11")).getTime();
    var curTime = new Date(oldTime).format("yyyy-MM-dd");
    console.log(curTime);

运行如下:

3. 将 "时间戳" 转换为 "年月日" 的格式

比如如下代码: 

    var da = 1402233166999;
    da = new Date(da);
    var year = da.getFullYear()+'年';
    var month = da.getMonth()+1+'月';
    var date = da.getDate()+'日';
    console.log([year,month,date].join('-'));

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js控制滚动条缓慢滚动到顶部实现代码

    js控制滚动条缓慢滚动到顶部实现代码

    滚动条缓慢滚动到顶部这样的效果想必大家在浏览网页的时候都有见过吧,本文使用js实现下,感兴趣的你可不要错过了哈,希望可以帮助到你
    2013-03-03
  • JS使用post提交的两种方式

    JS使用post提交的两种方式

    这篇文章主要介绍了JS使用post提交的两种方式,实例分析了两种JavaScript使用post提交的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • Javascript中拼接大量字符串的方法

    Javascript中拼接大量字符串的方法

    这篇文章主要介绍了Javascript中拼接大量字符串的方法,本文实现的就是JS语言中的Heredoc语法,需要的朋友可以参考下
    2015-02-02
  • JavaScript实现请求服务端接口方法详解

    JavaScript实现请求服务端接口方法详解

    这篇文章主要介绍了JavaScript实现请求服务端接口方法,JavaScript 中请求服务端接口的代码实现可能会因为使用的方法而有所不同,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • js getElementsByTagName的简写方式

    js getElementsByTagName的简写方式

    用最少的代码,做最多的事情. getElementsByTagName的简写方法.
    2010-06-06
  • 使用JS编写的随机抽取号码的小程序

    使用JS编写的随机抽取号码的小程序

    这篇文章主要介绍了使用JS编写的随机抽取号码的小程序功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-08-08
  • 微信网页登录逻辑与实现方法

    微信网页登录逻辑与实现方法

    这篇文章主要介绍了微信网页登录逻辑与实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析

    JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析

    这篇文章主要介绍了JavaScript设计模式之构造器模式(生成器模式)定义与用法,结合实例形式分析了javascript构造器模式的概念、原理、与工厂模式的区别以及相关使用方法,需要的朋友可以参考下
    2018-07-07
  • 使用apifm-wxapi快速开发小程序过程详解

    使用apifm-wxapi快速开发小程序过程详解

    这篇文章主要介绍了使用apifm-wxapi快速开发小程序过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • 浅谈JS函数节流防抖

    浅谈JS函数节流防抖

    本篇文章主要介绍了JS函数节流防抖,函数节流和函数防抖为了解决类似需求应运而生的,有兴趣的可以了解一下
    2017-10-10

最新评论