vue——el-input、el-table的时间格式处理
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
一、原生js处理
时间戳和字符串都可以:
createdtimeformat (value){
let date = new Date(value*1000)
//字符串
//let date = new Date(value)
let Y = date.getFullYear()
let M = date.getMonth() +1
M = ( M < 10 ? '0' + M:M )
let D = (date.getDate() < 10 ? '0' + date. getDate(): date.getDate())
let h = (date.getHours() < 10 ? '0' +date.getHours() : date.getHours())
let m = (date.getMinutes() < 10 ?'0' +date.getMinutes() : date.getMinutes())
let s = (date.getSeconds() < 10 ? '0' + date.getSeconds(): date.getSeconds())
return Y + '-' + M +'-' + D + ' ' + h +':' + m +':' + s
}
二、moment,更简洁和方便解析各种格式
首先引入依赖moment
在<script> 引入:
<script>
import {BaseVue, List} from '@lib'
import moment from 'moment'
1、处理el-table
a、入依赖moment:import moment from 'moment'
b、在行字段添加属性 :formatter
:formatter="dateFormat"
<el-table-column
align="center"
width="150"
sortable
:formatter="dateFormat"
prop="createdDate"
label="申请时间"
show-overflow-tooltip="true">
</el-table-column>
c、格式化行中日期方法dateFormat
dateFormat(row, column) {
let date = row[column.property]
if (date == undefined) {
return ''
}
return moment(date).format("YYYY-MM-DD HH:mm:ss")
},
2、处理el-input
a、入依赖moment:import moment from 'moment'
b、格式化字符串日期方法
dateStrFormat(strTime) {
if (strTime== undefined) {
return ''
}
return moment(strTime).format("YYYY-MM-DD HH:mm:ss")
},
c、调用,在初始化页面时
this.user.createdDate = this.dateStrFormat(this.user.createdDate)
纪录点点滴滴,成为海洋的一滴水!
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)