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('-'));

总结

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

相关文章

  • 微信小程序的tab选项卡的实现效果

    微信小程序的tab选项卡的实现效果

    这篇文章主要介绍了微信小程序的tab选项卡的实现效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • javascript 触发HTML元素绑定的函数

    javascript 触发HTML元素绑定的函数

    只能触发函数的执行,并不能完全模拟出实际的点击。
    2010-09-09
  • JavaScript定义全局对象的方法示例

    JavaScript定义全局对象的方法示例

    这篇文章主要介绍了JavaScript定义全局对象的方法,结合实例形式分析了javascript全局对象的简单定义流程与实现技巧,需要的朋友可以参考下
    2017-01-01
  • 微信小程序表单验证form提交错误提示效果

    微信小程序表单验证form提交错误提示效果

    这篇文章主要为大家详细介绍了微信小程序表单验证form提交错误提示效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • JS库之Waypoints的用法详解

    JS库之Waypoints的用法详解

    waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
    2017-09-09
  • JS 对java返回的json格式的数据处理方法

    JS 对java返回的json格式的数据处理方法

    下面小编就为大家带来一篇JS 对java返回的json格式的数据处理方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • 轻松实现js选项卡切换效果

    轻松实现js选项卡切换效果

    这篇文章主要帮助大家轻松实现js选项卡切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JS中跳出循环的示例代码

    JS中跳出循环的示例代码

    for循环中我们使用continue;终止本次循环计入下一个循环,使用break终止整个循环。下面小编通过本文给大家分享JS中跳出循环的示例代码,需要的朋友参考下吧
    2017-09-09
  • 有趣的bootstrap走动进度条

    有趣的bootstrap走动进度条

    这篇文章主要为大家详细介绍了如何实现有趣的bootstrap走动进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript中instanceof与typeof运算符的用法及区别详细解析

    JavaScript中instanceof与typeof运算符的用法及区别详细解析

    这篇文章主要是对JavaScript中instanceof与typeof运算符的用法及区别进行了详细的分析介绍。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论