使用TypeScript日期工具: date-fns 格式化日期
安装
引入格式化日期
格式化
封装方法
安装
npm install date-fns --save
// or with yarn
yarn add date-fns
// or with bower
bower install date-fns
引入格式化日期
import * as format from 'date-fns/format';
import * as zh_cn from 'date-fns/locale/zh_cn/index.js';
1
2
格式化
通常情况下只需要直接使用format方法
函数传入三个参数, 第一个参数为必传参数,需要格式化的时间，可以为date, string, number, 第二个参数为日期格式,为可选参数，第三个是可选参数
const date = new Date();
console.log(date) //Tue Feb 19 2019 15:57:07 GMT+0800 (中国标准时间)
console.log(format(date, 'HH:mm')); // 15:57
console.log(format(date, 'YYYY-MM-DD HH:mm:ss')); //2019-02-19 15:57:07
console.log(format(date, 'YYYY-MM-DD')); //2019-02-19
// 不传第二个格式参数的时候.
console.log(format(date)); //2019-02-19T15:57:07.401+08:00
1
2
3
4
5
6
7
封装方法
为了更适应项目的要求在这里稍作更改
根据需求可以自己更改格式
第一个参数为传入的时间，必传参数,可以为date, string, number, 第二个format为日期格式
private dateFormat = (date: Date, format: string) => {
return format(date, format, { locale: zh_cn });
}
1
2
3
使用： 一般用在ajax 向服务的发送param时，格式化获取到的日期时间
startTime = this.dateFormat(startTime, 'YYYY-MM-DD HH:mm:ss')