VUE学习笔记——利用es6模板字符串实现时间格式化
2018-11-18 19:54
1316 查看
本文利用es6的模板字符串来实现时间对象格式化为字符串
js中的时间对象Date的函数一览:
// date api const date = new Date(); date.getFullYear();//获取时间对象的年份 4位数时间 // 2018 date.getMonth();//获取时间对象的月份(范围 0-11) // 11 date.getDate();//获取时间对象的日期 // 18 date.getDay();//获取时间对象的星期 (取值 0-6 周日作为开始日期) // 0
我们将利用时间对象的这些函数配合模板字符串进行时间格式化
简单介绍一下模板字符串的用法
// 模板字符串 const test = `来自${window.location.host}:`; const test2 = "来自"+window.location.host+":";
两行代码的作用是等效的 但对于模板字符串的写法更加简洁,使用``将字符串括起来并用${}插入自定代码即可(这个符号在键盘1号键的左边)
// 时间格式化api export function dateFormat(date = new Date(), formatStr = "yyyy-MM-dd") { formatStr = formatStr.replace(new RegExp("yyyy"), `${date.getFullYear()}`); const month = date.getMonth() + 1; formatStr = formatStr.replace(new RegExp("MM"), `${month > 9 ? month : "0" + month}`) const day = date.getDate(); formatStr = formatStr.replace(new RegExp("dd"), `${day > 9 ? day : "0" + day}`) const hour = date.getHours() formatStr = formatStr.replace(new RegExp("HH"), `${hour > 9 ? hour : "0" + hour}`) const min = date.getMinutes() formatStr = formatStr.replace(new RegExp("mm"), `${min > 9 ? min : "0" + min}`) const sec = date.getSeconds(); formatStr = formatStr.replace(new RegExp("ss"), `${sec > 9 ? sec : "0" + sec}`) return formatStr; }
对于day hour 这些的取值为了避免重复取值操作将其先取值赋值再继续模板填充
相关文章推荐
- 个人笔记006--vue利用定时器实现系统时间
- 学习笔记之Python 切片:利用切片操作,实现一个trim()函数,去除字符串首尾的空格
- [学习笔记][C++Primer Plus]使用cout格式化输出字符串,3q xuzhong
- 安卓个人学习笔记---利用服务实现电话监听
- Python学习笔记:字符串格式化方式
- android 入门学习笔记 利用bundle实现android,activity间消息的传递
- 播布客教学视频_C学习笔记_9.2_整形转字符串(函数实现)
- Flask学习总结笔记(8) -- 利用Flask-mail实现电子邮件发送功能
- Java for Web学习笔记(九一):消息和集群(6)利用websocket实现订阅和发布(下)
- 个人安卓学习笔记---分别利用SAX、DOM和Pull实现对XML文件的解析并进行单元测试
- 树莓派学习笔记(4):利用yeelink实现在线硬件状态监控
- IOS学习笔记--利用UIWindow实现自定义AlertView
- 【CI学习笔记】利用jquery中的ajax,调用接口,实现登录
- JS学习笔记1——不要使用JavaScript内置的parseInt()和Number()函数,利用map和reduce操作实现一个string2int()函数
- 【知了堂学习笔记】利用ajax实现web中的批量删除
- MATLAB神经网络学习笔记之:利用learnp函数对感知器网络实现‘或’门
- php学习笔记:利用gd库生成图片,并实现随机验证码
- 算法导论学习笔记(4)——利用链接法实现哈希表
- Windows 8 Directx 开发学习笔记(十二)利用混合实现浮在水面的木箱
- Objective-C学习笔记 利用协议实现回调函数