. ├── src │ ├── Filters │ │ ├── DataFormat.js │ │ └── index.js │ └── main.js └── ...
export default (time, fmt) => {
fmt = fmt || 'yyyy-MM-dd hh:mm';
let date = new Date(time);
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)
);
}
let dt = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (let key in dt) {
if (new RegExp(`(${key})`).test(fmt)) {
let str = dt[key] + ''
fmt = fmt.replace(RegExp.$1,
(RegExp.$1.length === 1) ? str : ('00' + str).substr(str.length)
);
}
}
return fmt;
}
// 导出日期过滤器
import dateFormat from './DateFormat'
// 导出的时候以key value的形式导出,这里就设置了在全局过滤器中的过滤器名字。
export {dateFormat}
// 可以继续导出其他的过滤器
// 默认会找 Filters/index.js
import * as filters from './Filters/'
// 遍历所有导出的过滤器并添加到全局过滤器
Object.keys(filters).forEach((key) => {
Vue.filter(key, filters[key]);
})
<template>
<!-- 2017-08-11 21:21 -->
<h1>{{ new Date() | dateFormat }}</h1>
<!-- 2017年08月11日 21:21:05 -->
<h1>{{ new Date() | dateFormat('yyyy年MM月dd日 hh:mm:ss') }}</h1>
</template>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有