当前位置:首页 > 日记 > 正文

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

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

方法一:

// template{{a | data}}//scriptdata:{  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}}//scriptimport {formatDate} from '../../common/js/date'filters: { formatDate (time) {  let date = new Date(time)  return formatDate(date, 'yyyy-MM-dd hh:mm') }}
//date.jsexport 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 自定义日期时间过滤器,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

Bootstrap学习笔记之进度条、媒体

Bootstrap学习笔记之进度条、媒体

进度条,对象,媒体,详解,学习笔记,1.基础进度条要写在<div class="progress"></div>里面。<div class="col-md-6"> <div class="progress"> <div class="progress-bar" style="width:30%;"></div> </div></div>2.多彩进度条<div c…

微信小程序实现选项卡功能

微信小程序实现选项卡功能

选项卡,功能,程序,电脑软件,微信小,本文实例为大家分享了微信小程序选项卡功能展示的具体代码,供大家参考,具体内容如下首先看看微信小程序上的选项卡的效果:原理呢,就是先布局好(这就不必说了吧),然后在上面的每一个选项卡上都定义一个同样的点击…

Vue中使用vux的配置详解

Vue中使用vux的配置详解

配置详解,电脑软件,Vue,vux,Vue中使用vux的配置,分为两种情况:一、根据vux文档直接安装,无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project // 进入项目n…

Server.MapPath |  错误 ’ASP 017

Server.MapPath | 错误 ’ASP 017

字符,错误,不允许,电脑软件,MapPath,未启用父路径 症状举例: Server.MapPath() 错误 &rsquo;ASP 0175 : 80004005&rsquo; 不允许的 Path 字符 /0709/dqyllhsub/news/OpenDatabase.asp,行 4 在 MapPath 的 Path 参数中不允…

win2003 IIS 500内部服务器错误(典

win2003 IIS 500内部服务器错误(典

数据库,服务器,错误,解决方案,典型,IIS正确设置步骤: 一、启用Asp支持 Windows Server 2003 默认安装,是不安装 IIS 6 的,需要另外安装。安装完 IIS 6,还需要单独开启对于 ASP 的支持。 第一步,启用Asp,进入:控制面板 -> 管理工具 ->IIS(Internet…

INdesign CS6怎么在A4的页面添加A3

INdesign CS6怎么在A4的页面添加A3

页面,尺寸,电脑软件,INdesign,INdesign CS6中想要在原有的文档里面添加一个别的尺寸的页面,该怎么设置页面尺寸呢?下面我们就来看看详细的教程。软件名称:Adobe InDesign CS6 中文免费版软件大小:878.42MB更新时间:2014-05-261、打开一个ID文档,…

Spring获取ApplicationContext对象

Spring获取ApplicationContext对象

工具类,方法,对象,电脑软件,Spring, Spring获取ApplicationContext对象工具类的实现方法(1)实现的工具类:package com.util; import org.springframework.context.ApplicationContext; import org.springframework.context.support.ClassPath…

安装iis程序无法复制文件CONVLOG.E

安装iis程序无法复制文件CONVLOG.E

复制文件,安装,解决办法,程序,电脑软件,要装IIS测试一个分类信息的网站,可是系统盘不在,只能从网上下载,结果在安装的时候出现一个错误提示&ldquo;安装程序无法复制文件staxmem.dl_&rdquo;,上网找了下资料,说是在开始-运行中输入&rdquo;esentutl …

windows系统用cmd命令安装及卸载服

windows系统用cmd命令安装及卸载服

安装,系统,卸载,命令,服务,方法一1、开始 ->运行 ->cmd。2、cd到C:WINDOWSMicrosoft.NETFrameworkv2.0.50727(Framework版本号按IIS配置)。3、 安装服务: 运行命令行 InstallUtil.exe E:/test.exe;卸载服务: 运行命令行 InstallUtil.exe -u E:…

IIS出现错误后如何完全重装

IIS出现错误后如何完全重装

重装,出现错误,电脑软件,IIS,有的时候IIS出现严重错误,比如metabase坏掉,又没有备份....一般的做法,直接在控制面板添加删除程序中卸载IIS重装。这样并不是保险的做法,很多人在重装IIS后问题依旧。所以建议在任何情况下都用以下步骤重新安装IIS…

PHP中for循环与foreach的区别

PHP中for循环与foreach的区别

循环,区别,电脑软件,PHP,foreach,for循环与foreach的区别foreach 依赖 IEnumerable.第一次 var a in GetList() 时调用 GetEnumerator 返回第一个对象并赋给a,以后每次再执行 var a in GetList() 的时候调用 MoveNext.直到循环结束.期间Get…

jQuery实现radio第一次点击选中第

jQuery实现radio第一次点击选中第

取消,功能,电脑软件,jQuery,radio,由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现。// jquery $('input:radio').click(function(){ //alert(this.checked); // var $radio = $(this);…