VUE使用过滤器来格式化当前时间

<div id='app'><p>当前时间为：{{time|formatDate('xxxx-mm-dd')}}</p></div><script src='js/vue.js'></script><script>Vue.filter("formatDate", function (value, str) {let dt = new Date(value)let year = (dt.getFullYear() + "").padStart(2, "0")let month = (dt.getMonth() + 1 + "").padStart(2, "0")let date = (dt.getDate() + "").padStart(2, "0")let hours = (dt.getHours() + "").padStart(2, "0")let minutes = (dt.getMinutes() + "").padStart(2, "0")let seconds = (dt.getSeconds() + "").padStart(2, "0")if (str == "xxxx-mm-dd") {return `${year}-${month}-${date}`} else {return `${year}-${month}-${date}-${hours}:${minutes}:${seconds}`}})let vm = new Vue({el: '#app',data: {time: Date.now()}})</script>

VUE使用过滤器来格式化当前时间相关推荐

Vue过滤器的简单使用--实时显示格式化的时间
Vue的过滤器的使用是在{{}}插值的尾部添加一个管道符 | 过滤的规则是自己定义的,通过给Vue实例添加选项filters来设置通过过滤器对时间进行格式化从而实时显示时间 <!doctyp ...
Vue中过滤器用法详解
一.什么是过滤器 Vue.js官方文档说明:可被用于一些常见的文本格式化. 个人理解就是把一些不需要的东西过滤掉,只是对数据进行加工处理然后返回处理后的数据,和计算属性很相似. 二.如何使用过滤器过 ...
vue filters过滤器与字典项
vue filters过滤器与字典项功能介绍: 大致需求: 具体实现: 一.过滤器js文件: 二.引入并使用: 功能介绍: 在项目开发中,会遇到后台返回值为数字.字母等格式数据,具体显示则需根据字典 ...
解决vue 提交日期格式数据，时间出现时区差的问题
解决vue 提交日期格式数据,时间出现时区差的问题一.错误源: 在自定义create_time ,进行前端vue 向后端django 传入数据时,发现 {'create_time': [ErrorD ...
vue中过滤器filters的this指向问题。
今天在完成一个时间戳转化时想试试vue的过滤器filters,代码如下: execute_time(time) {if (time === 0) return '/'else return this. ...
ant design vue 表格中时间戳转换成时间格式显示
ant design vue 表格中时间戳转换成时间格式显示原始数据表格如上图,因为接口传递过来的时间是10位int类型的时间戳格式,所以前端需要我们把时间格式化. step1 安装moment n ...
methods vue过滤器和_Vue 2.0的学习笔记：Vue的过滤器
在这篇文章里,我们将讨论一个叫过滤器的东西.过滤器提供了一种执行文本转换的方法,比如说都转成大写字母或者几乎做任何我们想做的事情.过滤器既可以在文本插值中使用,也可以在v-bind指令的表达式中使用. ...
java信息格式化,Java如何格式化包含时间信息的消息？
在这里,我们演示如何使用java.text.MessageFormat该类来格式化包含时间信息的消息.package org.nhooo.example.text; import java.util. ...
vue 加载页面时触发时间_解析Vue项目的四个方面优化
在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 运行时优化 1.使用v-if代替v ...

VUE使用过滤器来格式化当前时间

VUE使用过滤器来格式化当前时间相关推荐

最新文章

热门文章