vue2.0 自定义日期时间过滤器

方法一：

// template
{{a | data}}
//script
data:{
  a: Date.now()
}
filters: {
  data:function (input) {
    var d = new Date(input);
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    var day = d.getDate() <10 ? '0' + d.getDate() : '' + d.getDate();
    var hour = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    return year+ '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
  }

方法二： 正则

// template
{{date | formatDate}}
//script
import {formatDate} from '../../common/js/date'
filters: {
 formatDate (time) {
  let date = new Date(time)
  return formatDate(date, 'yyyy-MM-dd hh:mm')
 }
}

//date.js
export function formatDate (date, fmt) {
 if (/(y+)/.test(fmt)) {
  fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
 }
 let o = {
  'M+': date.getMonth() + 1,
  'd+': date.getDate(),
  'h+': date.getHours(),
  'm+': date.getMinutes(),
  's+': date.getSeconds()
 }
 for (let k in o) {
 if (new RegExp(`(${k})`).test(fmt)) {
   let str = o[k] + ''
   fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
  }
 }
 return fmt
}
function padLeftZero (str) {
 return ('00' + str).substr(str.length)
}

以上所述是小编给大家介绍的vue2.0 自定义日期时间过滤器，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# vue  # 2.0  # 自定义过滤器  # vue2.0  # 日期过滤器  # Vue.js每天必学之过滤器与自定义过滤器  # Vue过滤器的用法和自定义过滤器使用  # vue自定义filters过滤器  # 详解Vue自定义过滤器的实现  # vue自定义过滤器创建和使用方法详解  # vue 过滤器和自定义指令的使用  # vue定义私有过滤器和基本使用  # Vue中过滤器定义以及使用方法实例  # 小编  # 在此  # 给大家  # 自定义  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # year  # getFullYear  # month  # function  # input  # var  # getMonth  # hour  # day  # getDate  # lt 

相关文章： 济南专业网站制作公司,济南信息工程学校怎么样？  公司网站制作价格怎么算,公司办个官网需要多少钱？  Android滚轮选择时间控件使用详解  打鱼网站制作软件,波克捕鱼官方号怎么注册？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  广德云建站网站建设方案与建站流程优化指南  网站制作大概多少钱一个,做一个平台网站大概多少钱？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何基于云服务器快速搭建网站及云盘系统？  如何快速查询网址的建站时间与历史轨迹？  如何在七牛云存储上搭建网站并设置自定义域名？  济南网站制作的价格,历城一职专官方网站？  南宁网站建设制作定制,南宁网站建设可以定制吗？  Swift开发中switch语句值绑定模式  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  完全自定义免费建站平台：主题模板在线生成一站式服务  如何解决VPS建站LNMP环境配置常见问题？  平台云上自助建站如何快速打造专业网站？  用v-html解决Vue.js渲染中html标签不被解析的问题  如何在自有机房高效搭建专业网站？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  如何快速生成高效建站系统源代码？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  python的本地网站制作,如何创建本地站点？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  如何用AWS免费套餐快速搭建高效网站？  建站之星下载版如何获取与安装？  网站制作公司排行榜,抖音怎样做个人官方网站  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何通过云梦建站系统实现SEO快速优化？  活动邀请函制作网站有哪些,活动邀请函文案？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  已有域名能否直接搭建网站？  实例解析angularjs的filter过滤器  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  如何通过免费商城建站系统源码自定义网站主题与功能？  css网站制作参考文献有哪些,易聊怎么注册？  如何在IIS7中新建站点？详细步骤解析  网站图片在线制作软件,怎么在图片上做链接？  定制建站方案优化指南：企业官网开发与建站费用解析  网站制作公司排行榜,四大门户网站排名？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  安云自助建站系统如何快速提升SEO排名？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  北京网站制作网页,网站升级改版需要多久？  如何选择PHP开源工具快速搭建网站？  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  ui设计制作网站有哪些,手机UI设计网址吗？