angular格式日期
如何在angular中对数据进行格式化操作
有两种方法
第一种是利用formatDate方法进行日期格式转换,另一种是利用datePipe管道进行日期数据处理
formatDate()方法
首先引入
import { formatDate } from '@angular/common'
import {Component,Inject,LOCALE_ID }from '@angular/core';
使用
formatDate(value :string|number|date,format:string,locale:string,timezone?:string):string
有四个参数 :
value: string|number|date 要格式化的日期,可以是一个日期,数字(从utc时代以来的ms数)或iso字符串
formate: string 格式详见下文
locale: string 一个区域代码 用来表示要使用的区域格式规则
timezone: string 时区
返回值是经过格式化的日期字符串
具体例子
html {{curr}}
curr = formatDate("02-feburary-0202", 'dd-MM-yyyy' ,this.locale);
constructor(
@Inject(LOCALE_ID) public locale:string,){}
}
DatePipe管道
DatePipe:根据本地环境格式化日期数据
在html中使用
使用方法{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}
value输入值 string | number | date
三个参数:
format string 可选 默认为'mediumDate' 日期格式
timezone string 可选 默认为undefined 时区
locale string 可选 默认为undefined
在ts中使用
引用
import { DatePipe } from '@angular/common'
使用方法
const today = this.DatePipe.transform(Date.now(), 'yyyy-MM-dd')
有一些默认配置好的日期格式
选项 相当于 实例
'short' 'M/d/yy, h:mm a' 6/15/15, 9:03 AM
'medium' 'MMM d, y, h:mm:ss a' Jun 15, 2015, 9:03:01 AM
'long' 'MMMM d, y, h:mm:ss a z' June 15, 2015 at 9:03:01 AM GMT 1
'full' 'EEEE, MMMM d, y, h:mm:ss a zzzz' Monday, June 15, 2015 at 9:03:01 AM GMT 01:00
'shortDate' 'M/d/yy' 6/15/15
'mediumDate' 'MMM d, y' Jun 15, 2015
'longDate' 'MMMM d, y' June 15, 2015
'fullDate' 'EEEE, MMMM d, y' Monday, June 15, 2015
'shortTime' 'h:mm a' 9:03 AM
'mediumTime' 'h:mm:ss a' 9:03:01 AM
'longTime' 'h:mm:ss a z' 9:03:01 AM GMT 1
'fullTime' 'h:mm:ss a zzzz' 9:03:01 AM GMT 01:00
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgghihk
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13