vue如何转换时间格式为年月日时分秒和年月日(补零)
更新时间:2024年04月25日 11:36:58 作者:施玥喵
这篇文章主要介绍了vue如何转换时间格式为年月日时分秒和年月日(补零),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
一.vue转换时间为年月日(补零)
datatime(value) { var data = new Date(value); var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1; var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate(); this.addForm.enter_date = data.getFullYear() + "-" + month + "-" + date; console.log( this.addForm.enter_date) },
效果图
二.vue 转换时间格式 为年月日时分秒
方法一
在main.js引入 过滤器
Vue.filter('dateFormat', 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') return `${y}-${m}-${d} ${hh}:${mm}:${ss}` })
在需要的组件里
<el-table-column label="发生日期和时刻" align="center"> <template slot-scope="scope">{{scope.row.guzhangStartTime | dateFormat}}</template> </el-table-column> //guzhangStartTime 是你表格数据里拿到的字段
方法二
npm i moment --save
在main.js中
//转换时间格式 import moment from 'moment/moment' Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD'; return moment(value).format(formatString); });
在需要的组件里
<el-table-column label="故障记录日期" align="center"> <template slot-scope="scope">{{scope.row.guzhangjiluTime | moment}}</template> </el-table-column>
效果图
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue form表单post请求结合Servlet实现文件上传功能
这篇文章主要介绍了vue form表单post请求结合Servlet实现文件上传功能,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2021-01-01解决vue-cli3创建使用iview定制主题javascriptEnabled找不到该配置项
这篇文章主要介绍了解决vue-cli3创建使用iview定制主题javascriptEnabled找不到该配置项问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-04-04vue之el-upload使用FormData多文件同时上传问题
这篇文章主要介绍了vue之el-upload使用FormData多文件同时上传问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-05-05
最新评论