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>
  • 相关阅读:
    会话技术——Cookie
    Servlet——Request和Response
    #Servlet——Web之间跳转和信息共享、三大作用域对象
    8个技巧教你区分LED灯具优劣
    建筑景观LED照明设计要考虑哪些?
    荧光材料物理特性对白光LED光输出冷热比的影响
    金刚战神D系列户外全彩D5.92
    2020爱你爱你,海佳集团祝您新年快乐!
    复制文本
    超市会员系统
  • 原文地址:https://www.cnblogs.com/kukai/p/12852613.html
Copyright © 2011-2022 走看看