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 过滤器返回日期的讲解  有不对的地方望大神指点一二

  

  

时间: 2024-10-01 01:28:43

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

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

今天测试读取excel并修改数据库数据的时候遇到几个小问题. 1.空指针,读写io异常蛮多的,获取不到的数据就是null 2.读取文件位置,开始找不到文件 3.读取日期格式结果是一个数值,因此需要转化为文本,方法如下: 首先,函数TEXT(单元格,'format') ,比如=TEXT(A2,'yyy-mm-dd'),然后enter,然后拉到整列. 然后,选中复制,选择性粘贴,选择数值. 刚做完就读取,空指针,于是处理内容为空的数据.

js日期格式,日期对象

以对象为基准去使用方法, 围绕Date对象 var a = new Date() 返回当前的时间对象,可以使用内置的日期对象的方法 a.getFullYear(), a.getMonth(), a.getDate() 从当前时间得到 年.月.日 手动设置某一个时间, new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0, 0); 后面四个是 时.分.秒.毫秒设置一个指定日期 var b = new Date().setDate(

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

一.时间戳转换日期 1 function formatDate(datetime) { 2 // 获取年月日时分秒值 slice(-2)过滤掉大于10日期前面的0 3 var year = datetime.getFullYear(), 4 month = ("0" + (datetime.getMonth() + 1)).slice(-2), 5 date = ("0" + datetime.getDate()).slice(-2), 6 hour = (&quo

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

//使用NPOI导入Excel public static DataTable importExcelToDataSetUsingNPOI(string FilePath, string fileName) { DataSet myDs = new DataSet(); DataTable dt = new DataTable("mytable"); myDs.Tables.Add(dt); DataRow myRow; myDs.Clear(); try { using (Strea

json日期格式转换为正常格式

function jsonDateFormat(jsonDate) { try { var date = new Date(parseInt(jsonDate.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.g

js常规日期格式处理、月历渲染、倒计时函数

日期格式处理在前端的日常任务中非常常见,但是为此引入monent.js这样的类库又会显得有点臃肿,毕竟我们一个特定的项目中,并不需要monent.js那么全的涵盖范围.另外,如果现在公司让你自己手写一个日历组件(月历.周历),日历组件中需要耦合我们的其他业务需求,如果有一个任务列表,当11月22号的待进行任务,我需要在日历上有一个绿色圆点,表示当天有待办事项.下面介绍一些常规的函数,希望对大家有用. 月历效果图 月历.png 函数目录 getFormatDateStr 获得指定日期格式的字符串:

Java时间日期格式转换

import java.text.*; import java.util.Calendar; public class VeDate { /** * 获取现在时间 * * @return 返回时间类型 yyyy-MM-dd HH:mm:ss */ public static Date getNowDate() { Date currentTime = new Date(); SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd

js中使用eval()方法将字符串转换成日期格式、并获取指定时间的日期

1.在js中eval()方法将字符串格式数据转换成日期格式 function getDate(strDate) {         //strDate为需要转换成日期格式的字符串         var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/,                 function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')');    

Date类,时间和日期格式类

Date类:构造一个反应当前时间的实例.         Date s=new Date(); System.out.println(s); 打印变量s可得到计算机当前时间,可具体到时间单位'秒'. long starttime=System.currentTimeMillis(); long endtime=System.currentTimeMillis(); starttime与endtime会统计一段执行时间,这个时间段就是两个表达式之间的代码所执行的时间.这样可以计算当前代码执行的效率