Vue在表格中格式化时间

在获取数据的时候时间显示的方式是毫秒

那么可以通过在Vue原型上过载一个时间的过滤器函数去格式化时间

首先，找到main.js入口文件

Vue.filter('dataFormat',function(originVal){

const dt= new Date(originVal)

const y= dt.getFullYear()

const m=(dt.getMonth()+1+'').padStart(2,'0') //padStart是字符串方法，首先必须把数据转换成字符串(文中直接拼接一个空字符串从而将数据换成字符串性)，然后才能使用padStart方法。！！padStart接收两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。

const d=(dt.getDate()+1+'').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}`

})

dataFormat是函数名，调用的时候调用这个函数名

例如在表格中去格式化时间

在表格中格式化时间，首先要获取数据，可以通过作用域插槽来获取数据

通过template 中的slot-scope属性来获取数据然后调用dataFormat函数来格式化时间

<el-table-column label="创建时间" prop="add_time" width='140px'>

</template>

</el-table-column>

记录学习，如有指教欢迎评论！

Vue在表格中格式化时间相关推荐

vue 中格式化时间过滤器格式化时间
vue 中格式化时间过滤器格式化时间 data.js 格式化方法使用 * // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s) ...
?请问怎样将excel表格中的时间格式读取为字符串格式？
?请问怎样将excel表格中的时间格式读取为字符串格式? Delphi / Windows SDK/API http://www.delphi2007.net/DelphiNetwork/html/d ...
解决Vue的表格中，expand只有某些行需要展开的问题。
解决Vue的表格中,expand只有某些行需要展开的问题. 参考文章: (1)解决Vue的表格中,expand只有某些行需要展开的问题. (2)https://www.cnblogs.com/jin- ...
spring mvc 用注解和在sql中格式化时间的案例
spring mvc 用注解和在sql中式化时间的案例: 我们用spring mvc框架做项目的时候从数据库里面取出的时间经常是一串数字(如:1357826031724),比较让人头痛: 下面介绍中方 ...
vue table表格中身份证隐藏中间几位
table表格中的显示 <el-table-column label="证件号" align="center" prop="licenseNum ...
vue table表格中只有表头加竖线分割
table表格中只有表头加竖线分割给<el-table>加一个属性 : :header-cell-style="{'border-right':'1px solid #8888 ...
php表格js用时间查询,使用JS将数据显示到表格中（时间：2019.01.17）
实例 html> 使用JS将数据显示到表格中 table { width: 500px; } table, th, td { border: 1px solid #DDDDDD; /*colla ...
vue+element 表格中全选与清除选中
表格中添加事件@selection-change (回调参数为选中的选项) 事件名说明参数 select 当用户手动勾选数据行的 Checkbox 时触发的事件 selection, row s ...
机器学习案例——‘线性回归预测家庭用电与时间关系‘ 中格式化时间字符串问题
在机器学习的线性回归案例**"家庭用电案例"**中遇到的问题,自己记录下来. // 需求:把数据集中,字符串类型的时间信息------>数字类型,保存成样本集X # 创建一个 ...

Vue在表格中格式化时间

Vue在表格中格式化时间相关推荐

最新文章

热门文章