Vue/Node.js—时间处理器—silly-datetime

2023-2-16 前端达人

一、在Vue框架中使用

1、安装插件—时间格式化插件

npm i silly-datetime --save

2、Main.js文件引用


        

            

                

                    

                    

                

                

                    
                        import Time from "silly-datetime"; //时间格式化处理插件
                    

                

            

            

                

                    

                    

                

                

                    
                        Vue.prototype.$Time = Time; //全局使用

3、页面中使用

this.$Time.format(new Date(), 'YYYY-MM-DD HH:mm:ss');

二、在Node框架中使用

1.安装插件

npm i silly-datetime --save

2.在node中引入

const timeQs = require('silly-datetime'); // 事件格式化控件

3.在后端路由中

obj.time = timeQs.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

文章知识点与官方知识档案匹配，可进一步学习相关知识

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、 cs界面设计、 ipad界面设计、包装设计、图标定制、用户体验、交互设计、网站建设、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

分享本文至：

« 数据可视化设计案例实操如何使用 Node.js 列出目录中的所有文件 »

Vue/Node.js—时间处理器—silly-datetime

一、在Vue框架中使用

二、在Node框架中使用

分类

日历

链接

个人资料

存档