vue中的时间过滤器

//全局过滤器，进行时间的格式化

//所谓的全局过滤器即使所有的vue实例都共享的

Vue.filter('dateFormat' ,function(dateStr, pattern=""){

//根据给定的时间字符串，得到特定的时间

var dt = new Date(dateStr)

//yyy---mm-dd

var y = dt.getFullYear() //得到年份

var m = dt.getMonth() + 1 //得到月份

var d = dt.getDate() //得到日期

// return y + '-' + m + '-' + d

if(pattern.toLowerCase() ==="yyy-mm-dd"){

return `${y}-${m}-${d}`

}

else {

var hh = dt.getHours() //得到时

var mm = dt.getMinutes() //得到分

var ss = dt.getSeconds() //得到秒

return `${y}-${m}-${d} ${hh}:${mm}:${ss}`

}

})

转载于:https://www.cnblogs.com/zimoyu/p/10962999.html

vue中的时间过滤器相关推荐

vue 中格式化时间过滤器格式化时间
vue 中格式化时间过滤器格式化时间 data.js 格式化方法使用 * // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s) ...
vue中解决时间在ios上显示NAN的问题
vue中解决时间在ios上显示NAN的问题参考文章: (1)vue中解决时间在ios上显示NAN的问题 (2)https://www.cnblogs.com/wzs5800/p/9580785.ht ...
笔记三 vue中封装复用过滤器自定义组件 vue中component选项
题外话: npm install -g express-generator npm安装express框架封装复用 Vue中关于封装复用的内容,属于Vue中的进阶知识,在实战中对开发者的抽象和泛化能力 ...
Vue中filter函数过滤器的使用
filters是什么? filters顾名思义是一个过滤器,就是对数据进行过滤筛选,将数据转化为我们想要的格式,但是他不会改变原始数据. filters分为两类一:局部过滤器局部过滤器的特点:只能 ...
Vue中使用自定义过滤器转换Unix时间戳
从后台得到的json数据中使用了unix格式的时间戳,前台使用vue展示的时候可以用过滤器对模板中的标签进行处理,很是方便,实现过程: 1.注册自定义过滤器 <script>//注册自定义 ...
Ant Design of Vue 中日期时间控件禁止选中的（日期——）设置
实现控件新建活动限制开始时间必须大于当前时间20分钟 html<a-range-picker:class="{'has-error':startHasError || endtH ...
layim整合到vue中
** layim整合到vue中 ** 前段时间vue项目需要用到layim即时通讯,百度了N中办法都不行: 故而只好动手配置webpack来获取本地目录下的layim 根目录创建static放layu ...
Vue中的过滤器(filter)
一.Vue中的过滤器是什么过滤器(filter)是输送介质管道上不可缺少的一种装置,大白话,就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用 ...
Vue时间过滤器（转换时间类型）
创建一个过滤器能造福很多从后台传过来的时间值 1.在项目中创建一个Date.js包 2.如何在页面.vue中引用 3.把数据值转换为想要的格式: 4.属性介绍(了解): 1.在项目中创建一个Date. ...

vue中的时间过滤器

vue中的时间过滤器相关推荐

最新文章

热门文章