vue时间格式2021-11-21T123000.000+0000转换yyyy-MM-dd HHmmss

vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss

1.html部分

<el-table-column prop="updateTime" label="更新时间" :formatter="dateFormat"></el-table-column>

2.js部分

    dateFormat(row, column, cellValue, index) {
      const daterc = row[column.property]
      if (daterc != null) {
        var date = new Date(daterc);
        var year = date.getFullYear();
        /* 在日期格式中,月份是从0开始,11结束,因此要加0
         * 使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
         * */
        var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
        var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要更改日期的显示样式,你可以使用 Vue.js 的过滤器或计算属性来处理。以下是两种方法: 1. 使用过滤器: 在 Vue 组件中,你可以定义一个过滤器来格式化日期。首先,你需要导入 moment.js 或者其他日期处理库来处理日期格式化。然后,在你的组件中定义一个过滤器,比如 `formatDate`: ```javascript <template> <div> <p>{{ date | formatDate }}</p> </div> </template> <script> import moment from 'moment'; export default { data() { return { date: '2016-11-11T03:11:11.000+00:00' }; }, filters: { formatDate(value) { return moment(value).format('YYYY-MM-DD HH:mm:ss'); } } }; </script> ``` 在上面的例子中,`formatDate` 过滤器使用 moment.js 将日期格式化为 'YYYY-MM-DD HH:mm:ss' 的形式。 2. 使用计算属性: 另一种方法是使用计算属性来处理日期格式化。你可以在组件中定义一个计算属性,根据你的需求将日期格式化为所需的样式: ```javascript <template> <div> <p>{{ formattedDate }}</p> </div> </template> <script> import moment from 'moment'; export default { data() { return { date: '2016-11-11T03:11:11.000+00:00' }; }, computed: { formattedDate() { return moment(this.date).format('YYYY-MM-DD HH:mm:ss'); } } }; </script> ``` 在上面的例子中,`formattedDate` 计算属性使用 moment.js 将日期格式化为 'YYYY-MM-DD HH:mm:ss' 的形式,并在模板中显示。 无论你选择使用过滤器还是计算属性,都需要确保已经安装了 moment.js 或者其他日期处理库来处理日期格式化。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值