zoukankan      html  css  js  c++  java
  • 日期过滤器示例

    过滤器也可以串联,而且可以接收参数
    例如:串联一一〉{ { message I filterA I fil terB } }
     
        接收参数一一〉{{ message I filterA( 'argl ',' arg2 ')}}
        这里的字符串 argl arg2 将分别传给过滤器的第 二个和第 三个参数,因为第 一个是数据本身
     
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
      </head>
      <body>
        <div id="app">
          {{date | formatDate }}
          <p>{{isOk?'确定':'不确定'}}</p>
        </div>
        <script>
    //数字小于10前面补零
          preDate = (value) => {
            return value < 10 ? "0" + value : value;
          };
          var demo = new Vue({
            el: "#app",
            data: {
              date: new Date(),
              isOk: false,
            },
    //过滤器设置
            filters: {
    //value为需要格式化的数据
              formatDate: (value) => {
                var date = new Date(value);
                var year = date.getFullYear();
                var month = preDate(date.getMonth() + 1);
                var day = preDate(date.getDate());
                return year + "-" + month + "-" + day;
              },
            },
          });
        </script>
      </body>
    </html>
  • 相关阅读:
    注册表清理bat
    apache2.2.14 负载均衡过程中遇到问题记录;
    thikpad 中eclipse/idea 无法获取鼠标
    PLSQL DEVELOPER 提示(错误)信息是乱码;亲测有效
    windows右键 打开方式 浏览 无法添加默认打开方式 解决
    澳洲值得代购物品汇总
    5 open source dashboard tools for visualizing data
    nginx概述
    Linux bash 参数处理办法
    Linux shell 启动配置文件设置
  • 原文地址:https://www.cnblogs.com/kukai/p/12852613.html
Copyright © 2011-2022 走看看