AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

时间:2022-08-31 16:34:06

  

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

  话不多说直接上栗子

  不管任何是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模板里这样写

  AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

  页面上就会得到时间

  

  AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

  下面说在HTML里面写

  AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

  在HTML模板里面

  date 是固定套路

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

  AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

  页面上的时间

  AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter

  下面讲解返回的日期格式

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

    自定义日期格式化:
        年月日:({{ 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 过滤器返回日期的讲解  有不对的地方望大神指点一二

  

  

AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter的更多相关文章

  1. SQL Server 日期格式和日期操作

    SQL Server发展至今,关于日期的格式的控制方法,有传统的方法,比如CONVERT(),也有比较便利的新方法,比如FORMAT():同样,关于日期的操作函数,也分为传统方法:DATEADD()等 ...

  2. js时间戳转换日期格式和日期计算

    一.时间戳转换日期 function formatDate(datetime) { // 获取年月日时分秒值 slice(-2)过滤掉大于10日期前面的0 var year = datetime.ge ...

  3. excel日期格式转换为文本格式

    今天测试读取excel并修改数据库数据的时候遇到几个小问题. 1.空指针,读写io异常蛮多的,获取不到的数据就是null 2.读取文件位置,开始找不到文件 3.读取日期格式结果是一个数值,因此需要转化 ...

  4. js日期格式,日期对象

    以对象为基准去使用方法, 围绕Date对象 var a = new Date() 返回当前的时间对象,可以使用内置的日期对象的方法 a.getFullYear(), a.getMonth(), a.g ...

  5. Python3 Selenium自动化web测试 ==>FAQ:日期格式和日期字符串格式相互转换

    学习目的: 掌握python的基础应用 场景: 生成的测试日报需要加上时间戳作为唯一标志,免得文件覆盖,过往的文件丢失 因为os.rename方法要求文件名必须拼接的都是字符串 代码释义: # 日期转 ...

  6. oracle trunc 函数处理日期格式,日期类型很有用的几个sql

    select to_char(sysdate,'yyyy-mm-dd hh24:mi:ss') from dual;  --显示当前时间2011-12-29 16:24:34 select trunc ...

  7. 使用NPOI导入Excel注意日期格式和数字格式

    //使用NPOI导入Excel public static DataTable importExcelToDataSetUsingNPOI(string FilePath, string fileNa ...

  8. mysql日期格式转换,如何保持原日期?CONVERT/Substring 函数截取。replace替换

    http://www.cnblogs.com/stevenjson/p/3729577.html CONVERT(varchar(100), getdate(), 112)这种, 问题就出在getda ...

  9. js 时间戳的转化,js 日期转成标准字符串,日期格式的相互转化

    1.时间的获取 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1 ...

随机推荐

  1. VR设备

    我本来想亲自介绍下我最近特别感兴趣的VR(虚拟现实)设备,但我发现我不会插入图片,所以我只好特意去找了一篇介绍虚拟现实现状设备的文章. 虚拟现实现状设备篇:http://www.cnblogs.com ...

  2. 最长回文子串(Manacher算法)

    回文字符串,想必大家不会不熟悉吧? 回文串会求的吧?暴力一遍O(n^2)很简单,但当字符长度很长时便会TLE,简单,hash+二分搞定,其复杂度约为O(nlogn), 而Manacher算法能够在线性 ...

  3. JavaScript 继承方式详解

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念.所以,要想实现继 ...

  4. 为Eclipse设置背景色

    1:打开Eclipse,在菜单栏找到Help—>Install new software.. 2:在打开的Work with中输入: Update Site - http://eclipse-c ...

  5. SVN服务器使用(二)

    上篇主要介绍的VisualSVN Server 安装,这篇主要介绍VisualSVN Server 的使用. 首先打开VisualSVN Server Manager,如图: 可以在窗口的右边看到版本 ...

  6. 【原创】Android 对话框的使用

    对话框即Dialog .google的官方解释:A dialog is usually a small window that appears in front of the current Acti ...

  7. php 被抛弃使用的函数

    call_user_method()(使用 call_user_func() 替代)     call_user_method_array() (使用 call_user_func_array() 替 ...

  8. OpenCV中 常用 函数 的作用

    1.CV_Assert函数作用: CV_Assert()若括号中的表达式值为false,则返回一个错误信息.

  9. angualrjs 文本框去掉表情

    html: <textarea ng-module="dataText"></textarea> js: <script> var BQ_RAN ...

  10. YAML文件简介

    编程免不了要写配置文件,怎么写配置也是一门学问. YAML 是专门用来写配置文件的语言,非常简洁和强大,远比 JSON 格式方便. 本文介绍 YAML 的语法,以 JS-YAML 的实现为例.你可以去 ...