今天小编跟大家讲解下有关“JavaScript时间格式化怎么做，方法及代码是什么”的内容 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。

目录

• 1、时间格式化常规思路
• 2、时间格式化toLocaleString()

研究Object对象的时候，看到了 toLocaleString() 这个方法可以很简单的实现时间格式化。

1、时间格式化常规思路

正常思路是通过Date的实例依次获取年月日等，例如一个简单的格式化例子：

Date.prototype.format = function(dateStr) {
    let date = new Date();
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate().toString().padStart(2, "0");
    let hour = date.getHours();
    let minute = date.getMinutes();
    let second = date.getSeconds();
    dateStr = dateStr.replace("年", year)
        .replace("月", month)
        .replace("日", day)
        .replace("小时", hour)
        .replace("分钟", minute)
        .replace("秒", second);
    return dateStr;
};
 
// 使用上面的方法
console.log(new Date().format("年-月-日")); // 2021-11-04

2、时间格式化toLocaleString()

toLocaleString() 和 toString() 类似，也是返回对象的字符串，不过会根据本地化的执行环境处理。尤其是对时间对象的支持，可以转成一定的格式。

// 日期，输出当前时间
let date = new Date();
// 这个是格林威治时间格式
console.log(date.toString()); // Thu Nov 04 2021 10:11:35 GMT+0800 (中国标准时间)
// 这个是本地时间格式
console.log(date.toLocaleString()); // 2021/11/4 上午10:18:08

新版本浏览器可以支持 locales 和 options 参数：

let date = new Date();
// 24小时制
let options = {
    year: 'numeric', month: 'numeric', day: 'numeric',
    hour: 'numeric', minute: 'numeric', second: 'numeric',
    hour12: false
};
console.log(date.toLocaleString("zh-CN", options)); // 2021/11/4 10:33:01

获取星期几：

let date = new Date();
let options = {
    weekday: "long"
};
console.log(date.toLocaleString("zh-CN", options)); // 星期四

options 更多的参数可以参考文章尾部提供的链接。

缺陷：

如果要显示 x年x月x日 这样的格式，目前没有找合适的写法，相对来讲 toLocaleString() 功能比较局限一些。

以上就是关于“JavaScript时间格式化怎么做，方法及代码是什么”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• Cocos中如何实现俄罗斯方块，有哪些要点要注意

  目前关于cocos开发俄罗斯方块的文章几乎寥寥无几，因此本文将主要介绍如何通过CocosCreator Typescript制作简单的俄罗斯方块游戏，代码具有一定价值，感兴趣的同学可以学习一下

• 怎样用js实现上传图片到服务器的功能？

  这篇文章主要介绍js实现上传图片到服务器的功能，下文有实现的代码以及注释，对大家学习怎样实现上传图片到服务器有一定的帮助，感兴趣的朋友可以借鉴参考，接下来小编带着大家一起了解看看。

• vuex辅助函数的用法是什么？你知道哪些？

  vuex辅助函数的用法是什么？vue中辅助函数有mapState、mapActions、mapMutations等等，对新手来说可能不是很了解vuex辅助函数的使用，因此这篇文章就给大家来介绍一下vuex辅助函数。

• 怎样用JavaScript写一个简单的图片切换效果？

  怎样用JavaScript写一个简单的图片切换效果？图片切换效果的应用场景有很多，我们在很多网站上都能看到，图片切换效果也是比较实用的功能，很多朋友比较好奇是怎么实现的，下面我们就来看看怎样用JavaScript实现图片切换。

• JavaScript中用canvas怎么做圆形流水的特效

  本文实例为大家分享了canvas实现圆形流水动画的具体代码，供大家参考，具体内容如下