vue日期显示格式化_js时间格式化,vue.js时间格式化,带T 时间格式化

时间格式:/Date(1567138282927)/

js格式化为日期格式:new Date(parseInt('/Date(1567138282927)/'.substr(6, 13)));

js格式化为短日期格式:new Date(parseInt('/Date(1567138282927)/'.substr(6, 13))).toLocaleDateString();

其他格式就同理

js json 带T时间格式化//处理时间

function ChangeDateFormat(jsondate) {

var date = new Date(jsondate).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');

}

vue.js就加一个过滤器就ok了:filters: {

formatDate: function (time) {

var date = new Date(parseInt(time.substr(6, 13))).toLocaleDateString();

return date;

}

}

使用{{item.CreateTime|formatDate}}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要更改日期显示样式,你可以使用 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 或者其他日期处理库来处理日期格式化

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值