一,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>

效果图
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐