Angular2日期格式化

简介: 一、ts中调用1.引入:import { DatePipe } from '@angular/common';2.加入构造函数:constructor(private http: Http,private alertService: AlertService,private datePipe: DatePipe,) { }3.

一、ts中调用
1.引入:import { DatePipe } from '@angular/common';
2.加入构造函数:
constructor(
private http: Http,
private alertService: AlertService,
private datePipe: DatePipe,
) { }
3.方法中调用

let dateStr:string = this.datePipe.transform(data.detailList[i].checkDate,'yyyy-MM-dd');

二、html中日期格式化
<div class="cell">
  <div class="title">考核时间</div>
  <div class="content">{{chkCheck.checkDate | date: 'yyyy-MM-dd'}}</div>
</div>

相关文章
|
6月前
|
JavaScript
Angular 项目中 angular.json builder 字段的可选项介绍
Angular 项目中 angular.json builder 字段的可选项介绍
44 0
|
8月前
|
JavaScript 前端开发
TS基础语法
TypeScript(缩写为TS)是一种静态类型的JavaScript超集,它为JavaScript添加了类型注解和其他扩展功能。下面是TypeScript的基础语法
|
9月前
|
JavaScript
JS Date配置日期格式化
JS Date配置日期格式化
|
7月前
|
JavaScript
Vue使用ts的枚举类型
Vue使用ts的枚举类型
|
10月前
TS在实际开发中的使用
TS在实际开发中的使用
57 0
angular的format封装
在标签上使用管道符进行format
|
JavaScript 前端开发
AngularJS中的方法参数的问题
AngularJS中的方法参数的问题
83 0
AngularJS中的方法参数的问题
|
JavaScript 前端开发
AngularJs Angular数据类型判断
angular.isArray 判断括号内的值是否为数组。 格式:angular.isArray(value); value: 被判断是否为数组的值。 --------------------------------------------------------------- angular.isDate 判断括号内的值是否是一个时间。
Angular Reactive Form 的一个具体使用例子
Angular Reactive Form 的一个具体使用例子
Angular Reactive Form 的一个具体使用例子

热门文章

最新文章