zoukankan      html  css  js  c++  java
  • AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

      

      今天遇到了这些问题索性就 写篇文章吧

      话不多说直接上栗子 

       不管任何是HTML格式还是JS格式必须要在  controller 里面写

      

      

      // new Date() 获取当前时间  
      yyyy-MM-ddd //是返回的格式 下面会一 一列出 这种返回格式
    $scope.wwwwwww = $filter(new Date(),'yyyy-MM-dd')

    //或者这样写
    //这样是 指定date类型 可以省略不写 下面的是多此一举 但是我感觉有人会钻牛角尖所以嘛 嘿嘿
    $scope.wwwwwww = $filter('date')(new Date(),'yyyy-MM-dd') 

       在HTML模板里这样写 

      

       页面上就会得到时间

      

      

      下面说在HTML里面写

      

       在HTML模板里面 

      date 是固定套路

      yyyy-MM-dd HH:mm 下面会说

      

       页面上的时间

      

       下面讲解返回的日期格式 

      斜体红字的就是上面的日期讲解

        自定义日期格式化:
            年月日:({{ nativeDate | date:'yyyy-MM-dd' }})2017-01-06
            时分秒:({{ nativeDate | date:'HH:mm:ss.sss' }})21:22:09.990
        
        年份格式化:
        四位年份:({{ nativeDate | date:'yyyy' }})2017
        两位年份:({{ nativeDate | date:'yy' }})17
        一位年份:({{ nativeDate | date:'y' }})2017

        
        月份格式化:
            英文月份:({{ nativeDate | date:'MMMM' }})April
            英文月份简写:({{ nativeDate | date:'MMM' }})Apr
            两位数字月份:({{ nativeDate | date:'MM' }})04
            一年中的第几个月份:({{ nativeDate | date:'M' }})4

        日期格式化:
            数字日期:({{ nativeDate | date:'dd' }})06
            一个月中的第几天:({{ nativeDate | date:'d' }})6
            英文星期:({{ nativeDate | date:'EEEE' }})Thursday
            英文星期简写:({{ nativeDate | date:'EEE' }})Thu

        小时格式化:
            24小时制数字小时:({{ nativeDate | date:'HH' }})18
            一天中的第几个小时:({{ nativeDate | date:'H' }})21
            12小时制数字小时:({{ nativeDate | date:'hh' }})04
            上午或下午的第几个小时:({{ nativeDate | date:'h' }})9

        分钟格式化:
            数字分钟数:({{ nativeDate | date:'mm' }})26
            一个小时中的第几分钟:({{ nativeDate | date:'m' }})40

        秒数格式化:
            数字秒数:({{ nativeDate | date:'ss' }})08
            一分钟中内的第几秒:({{ nativeDate | date:'s' }})8
            毫秒数:({{ nativeDate | date:'sss' }})990

        本地日期格式化
        ({{ nativeDate | date:'medium' }})Apr 14, 2017 4:40:08 PM
        ({{ nativeDate | date:'short' }})4/14/16 4:40 PM
        ({{ nativeDate | date:'fullDate' }})Thursday, April 14, 2017
        ({{ nativeDate | date:'longDate' }})April 14, 2017
        ({{ nativeDate | date:'mediumDate' }})Apr 14, 2017
        ({{ nativeDate | date:'shortDate' }})4/14/17
        ({{ nativeDate | date:'mediumTime' }})4:40:08 PM
        ({{ nativeDate | date:'shortTime' }})4:40 PM

      

      以上就是AngularJS 过滤器返回日期的讲解  有不对的地方望大神指点一二

      

      

  • 相关阅读:
    WebService-CXF 学习笔记
    Java中对于ClassLoader类加载器 嵌套了深度技术的价值
    WebService学习笔记
    MongoDB学习笔记
    java.io.IOException: java.io.FileNotFoundException: /tmp/tomcat.2457258178644046891.8080/work/Tomcat/localhost/innovate-admin/C:/up/154884318438733213952/sys-error.log (没有那个文件或目录)
    Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime
    Mysql优化
    SI架构设计与实践
    高并发高可用处理大数据量
    虚拟机安装CentOS详细操作
  • 原文地址:https://www.cnblogs.com/BeautifulBoy/p/6257800.html
Copyright © 2011-2022 走看看