vue 日期过滤器

Moize

于 2022-04-19 11:05:21 发布

阅读量1.2k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/Moize/article/details/124268407

版权

这篇博客介绍了在Vue.js中创建全局日期过滤器的方法，用于格式化日期显示。提供了两种不同的实现方式，一种是直接在过滤器中处理日期格式，另一种是通过传入自定义格式参数来实现。示例代码展示了如何将日期转换为'yyyy-MM-dd'格式。

摘要由CSDN通过智能技术生成

@vue 日期过滤器

/*
全局时间过滤器
使用方法 e.g { { [item.EntityEndTime,‘yyyy-MM-dd’] | Date}}
*/
Vue.filter(‘Date’, (item) => {
const oDate = new Date(item[0]);
const o = {
‘M+’: oDate.getMonth() + 1, // 月份
‘d+’: oDate.getDate(), // 日
‘h+’: oDate.getHours(), // 小时
‘m+’: oDate.getMinutes(), // 分
‘s+’: oDate.getSeconds(), // 秒
‘q+’: Math.floor((oDate.getMonth() + 3) / 3), // 季度
S: oDate.getMilliseconds(), // 毫秒
};
// eslint-disable-next-line no-restricted-syntax
if (/(y+)/.test(item[1])) { item[1] = item[1].replace(RegExp.

最低0.47元/天解锁文章

Moize

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 日期过滤器

@vue 日期过滤器/*全局时间过滤器使用方法 e.g {{ [item.EntityEndTime,‘yyyy-MM-dd’] | Date}}*/Vue.filter(‘Date’, (item) => {const oDate = new Date(item[0]);const o = {‘M+’: oDate.getMonth() + 1, // 月份‘d+’: oDate.getDate(), // 日‘h+’: oDate.getHours(), // 小时‘m+’
复制链接

扫一扫