本篇内容主要讲解“分析JavaScript中时间格式化新思路toLocaleString()”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“分析JavaScript中时间格式化新思路toLocaleString()”吧!
正常思路是通过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
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中时间格式化新思路toLocaleString()”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。