Vue格式化时间显示样式
147 字
1 分钟
Vue格式化时间显示样式
自定义显示时间
- 首先在main.js中添加以下代码
Vue.filter('date', function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0') const mm = (dt.getMinutes() + '').padStart(2, '0') const ss = (dt.getSeconds() + '').padStart(2, '0') // yyyy-mm-dd hh:mm:ss // return `${y}-${m}-${d} ${hh}:${mm}:${ss}` return `${y}-${m}-${d}`})2.或者添加以下代码(看个人喜好)
Vue.filter("date", function(value) { return dayjs(value).format("YYYY-MM-DD");});
Vue.filter("year", function(value) { return dayjs(value).format("YYYY");});
Vue.filter("hour", function(value) { return dayjs(value).format("HH:mm:ss");});3.配置完成以后,在需要指定自定义时间显示格式代码中添加
{{ scope.row.createTime | date }}
这样配置就ok了。
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!
相关文章 智能推荐
1
解决vue两个表单切换时 校验规则失效问题
技术文章 解决vue两个表单切换时,校验规则失效问题
2
关于vue按回车时刷新页面问题-已解决
技术文章 关于vue按回车时刷新页面问题-已解决
3
在web网页上打开电脑本地exe应用
技术文章 在web网页上打开电脑本地exe应用
4
vue文件上传速度慢,有可能是nginx配置的问题
技术文章 vue文件上传速度慢,有可能是nginx配置的问题
5
彻底卸载谷歌浏览器残留
其它教程 彻底卸载谷歌浏览器残留
随机文章 随机推荐