js日期格式化yyyy-MM-dd问题

 更新时间:2023年01月21日 09:39:17   作者:sunsineq  
这篇文章主要介绍了js日期格式化yyyy-MM-dd问题,具有很好的参考价值,希望对大家大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

js日期格式化yyyy-MM-dd

方法一

function formatDate(date) {
console.log(date);
// date = new Date();
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Data();
console.log(date);
var y = date.getFullYear();
console.log(y);
var m = date.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
return y + '-' + m + '-' + d;
}

方法二

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;
}

方法二调用:

new Date(addtime).format("yyyy-MM-dd");   //addtime这个是时间字符

yyyy-MM-dd和YYYY-MM-dd格式化日期的区别你知道吗?

这里yyyy-MM-dd对于年份取值取得是当天所在的这个年份

而YYYY-MM-dd它所取的年份是本周所在的这个年份

这里我们就要注意一个问题

如果我们所格式化的这个日期它所在的周是一个跨年周的话 , 那么这里所取的年份就是第二年的年

接下来我们找一个case验证一下:

通过查看日历我们可以看到2021年12月31号它所在的周是一个跨年周

它这周开始于21年12月26号,结束于22年1月2号

接下来我们来演示一下

首先看代码我们分别创建了yyyy和YYYY两种日期格式化

然后生成了12月31号的这个日期

然后分别用这两种格式化对这两种日期进行输出

出大问题了

通过输出可以看到YYYY输出的日期是2022年,yyyy输出的日期是2021年

这就是它们两个的区别

在平时的开发中尤其对于会员啊,投放啊这种日期敏感型的场景,一定避免使用YYYY这种日期敏感型格式,避免造成不必要的线上故障

总结

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

相关文章

  • 详解微信小程序的不同函数调用的几种方法

    详解微信小程序的不同函数调用的几种方法

    这篇文章主要介绍了微信小程序的不同函数调用的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • layui 表格操作列按钮动态显示的实现方法

    layui 表格操作列按钮动态显示的实现方法

    今天小编就为大家分享一篇layui 表格操作列按钮动态显示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript 倒排序方法

    javascript 倒排序方法

    javascript 倒排序实现代码。
    2009-06-06
  • 前端面向对象编程之ES5语法ES6语法详解

    前端面向对象编程之ES5语法ES6语法详解

    这篇文章主要为大家介绍了前端面向对象编程之ES5语法ES6语法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • js实现数字滚动特效

    js实现数字滚动特效

    这篇文章主要为大家详细介绍了js实现数字滚动特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JQuery 前台切换网站的样式实现

    JQuery 前台切换网站的样式实现

    本文说的是在WordPress中怎样利用JQuery在网站的前台切换样式的方法。或者这篇文章的方法大家可能不是太需要,因为我觉得这是解决我被主题样式折腾到差不多分裂的原因及结果的最后手段。
    2009-06-06
  • canvas 弹幕效果(实例分享)

    canvas 弹幕效果(实例分享)

    本文主要分享了canvas实现弹幕效果的实例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • H5图片压缩与上传实例

    H5图片压缩与上传实例

    这篇文章主要为大家详细介绍了H5图片压缩与上传的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • js中innerText/textContent和innerHTML与target和currentTarget的区别

    js中innerText/textContent和innerHTML与target和currentTarget的区别

    今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 原生js实现autocomplete插件

    原生js实现autocomplete插件

    这篇文章主要介绍了原生js实现autocomplete插件的相关资料,需要的朋友可以参考下
    2016-04-04

最新评论