1、安装插件 //时间格式化插件
npm i silly-datetime --save
2、Main 文件引用
import SDTime from "silly-datetime"; //时间格式化处理插件
Vue.prototype.$SDTime = SDTime; //全局使用
3、页面中使用
this.$SDTime.format(new Date(), 'YYYY-MM-DD HH:mm:ss');
4、参数说明
| 格式 | 类型 | 说明 | 实例 |
|---|---|---|---|
| YYYY | 年 | 年份 | YYYY :2019 |
| MM | 月 | 月份,补0 | MM:07 |
| M | 月 | 月份,不补0 | M:7 |
| DD | 日 | 日,补0 | DD:07 |
| D | 日 | 日,不补0 | D:7 |
| HH | 小时 | 24小时,补0 | HH:07 |
| H | 小时 | 24小时,不补0 | H:7 |
| hh | 小时 | 12小时,补0 | hh:07 |
| h | 小时 | 12小时,不补0 | h:7 |
| A | am | 上午 | mm:07 |
| a | pm | 下午 | m:7 |
| mm | 分钟 | 分钟,不补00 | mm:07 |
| m | 分钟 | 分钟,不补0补0 | m:7 |
| s | 秒钟 | 秒钟,不补00 | s:07 |
| s | 秒钟 | 秒钟,不补0补0 | s:7 |
本文介绍了如何安装和使用silly-datetime插件进行时间格式化处理。通过npm安装插件后,在Main文件中引入并挂载到Vue原型上实现全局调用。文章详细展示了时间格式化的具体参数及其应用实例。
1783

被折叠的 条评论
为什么被折叠?



