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>

相关文章
|
8月前
|
JavaScript
Vue使用ts的枚举类型
Vue使用ts的枚举类型
|
9月前
|
JavaScript
vue项目中使用ts的枚举类型
vue项目中使用ts的枚举类型
72 0
|
11月前
TS在实际开发中的使用
TS在实际开发中的使用
57 0
|
JavaScript 前端开发 开发者
ts(typescript) 类型约束
object: 对象, 对象的检查有点弱,里面如果要严格检查里面的每一个属性,需要用到后面的接口或者类,或者是使用字面量的方式。
ts(typescript) 类型约束
|
JavaScript
vue3.2自定义指令语法糖+ts和!ts
vue2有13种指令: v-once v-bind v-model v-if 等当这几种指令不满足自己的使用的时候可以自定义指令的*vue2指令的钩子 bind insert update component Updated unbind vue3的指令和vue2的不一致
200 0
vue3.2自定义指令语法糖+ts和!ts
angular的format封装
在标签上使用管道符进行format
|
JavaScript 前端开发
AngularJS中的方法参数的问题
AngularJS中的方法参数的问题
83 0
AngularJS中的方法参数的问题
|
前端开发 JavaScript
js前端日期格式化处理
js前端日期格式化处理 1.项目中时间返回值,很过时候为毫秒值,我们需要转换成 能够看懂的时间的格式; 例如: ​ yyyy-MM-dd HH:mm:ss 2.
3022 0