vue的filters时间过滤器

  filters: {
    formatTime: function(value) {
      let time = new Date(value * 1000);
      let year = time.getFullYear();
      let month = time.getMonth() + 1;
      if (month < 10) {
        month = "0" + month;
      }
      let day = time.getDate() < 10 ? "0" + time.getDate() : time.getDate();
      let hour = time.getHours() < 10 ? "0" + time.getHours() : time.getHours();
      let minute =
        time.getMinutes() < 10 ? "0" + time.getMinutes() : time.getMinutes();
      let second =
        time.getSeconds() < 10 ? "0" + time.getSeconds() : time.getSeconds();
      return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
    }
  },

  直接使用{{**|formatTime}}

原文地址:https://www.cnblogs.com/Glant/p/11287885.html

时间: 2024-10-30 20:35:27

vue的filters时间过滤器的相关文章

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()

vue中filters(过滤器)的使用

在vue中使用filters Vue.js自定义过滤器,可被用于一些常见的文本格式化.过滤器可以用在两个地方:双花括号插值和 v-bind 表达式.过滤器应该被添加在 JavaScript 表达式的尾部,由"管道"符号指示: <!-- 在双花括号中 --> <!-- message作为capitalize的第一个参数 --> {{ message | capitalize }} <!-- 如果有多个参数,message作为第一个参数,其它参数写在capit

Django模板语言-Filters(过滤器)

Filters(过滤器) 在Django的模板语言中,通过使用 过滤器 来改变变量的显示. 过滤器的语法: {{ value|filter_name:参数 }} 使用管道符"|"来应用过滤器. 例如:{{ name|lower }}会将name变量应用lower过滤器之后再显示它的值.lower在这里的作用是将文本全都变成小写. 注意事项: 过滤器支持“链式”操作.即一个过滤器的输出作为另一个过滤器的输入. 过滤器可以接受参数,例如:{{ sss|truncatewords:30 }}

Moodle插件之Filters(过滤器)

过滤器是一种在输出之前自动转换内容的方法. 目的: 创建名为helloworld的过滤器,实现将预输出的“world”字符串替换成“hello world”,并在此基础上升级,提供替换字符串和新字符串的设置,要求过滤器根据设置进行替换. 基本目录结构: 以过滤器名(helloworld)为文件夹,在/filter目录下,即该插件目录为/filter/helloworld:而过滤器插件所有文件/目录均在其中,即/filter/helloworld/*. 以下文件/目录叙述均在插件目录下,即/fil

Bloom filters 布隆过滤器

在ITPUB上看到有人写到同一条语句连续执行两次,得出的结果截然不同,数据本身没有发生变化,关掉dynamic_sampling功能,多次查询结果是正常的.究竟是为什么? oracle通过内部函数使用布隆过滤对并行JOIN进行过滤.但是布隆过滤的精确度是依赖hash函数的好坏以及使用的hash函数数量决定的.你试试将_bloom_filter_enabled设为FALSE关掉布隆过滤:或者将_bloom_vector_elements设为一个稍大的数字.SQL> alter session se

Vue自带的过滤器

一 过滤器写法 {{ message | Filter}} 二 Vue自带的过滤器:capitalize 功能:首字母大写 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue自带的过滤器</title> <meta name="viewport" content="width=device-width,i

vue学习(十五) 过滤器简单实用

vue过滤器: 概念:vue.js允许你自定义过滤器可被用作一些常见文本的格式化.过滤器可以用在两个地方:插值表达式   v-bind表达式  由管道符指示 //过滤器调用时候的格式 {{ name | 处理的函数名 }} //可以通过Vue.filter来自定义过滤器 data就是管道符" | " 前面的内容,也就是name Vue.filter('过滤器名称',function(data){ return data+'hahahaha' }) //该过滤器就是为插值表达式的name

第二章 Vue快速入门-- 25 过滤器-定义格式化时间的全局过滤器

1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7 <title>Document</title> 8

vue实现简单的过滤器

html片段: <script src="https://unpkg.com/vue"></script> <div id="app"> <p>{{ message | capitalize}}</p> </div> js片段: 全局过滤器: Vue.filter('capitalize', function (data) { let arr = data.split('/'); return