使用 moment.js 将字符串转换为日期
Convert string to date using moment.js
这是我的model.ts
export class Feature2 {
requestRouteTemplate: string;
requestMethod: string;
numberCount: number;
requestDate: date;
constructor(values: Object = {}) {
Object.assign(this, values);
}
}
这是component.ts
this.datas2 = [
{
'requestRouteTemplate': 'api/Tasks',
'requestMethod': 'POST',
'numberCount': 6,
'requestDate': '07/01/2017',
},
{
'requestRouteTemplate': 'api/Tasks',
'requestMethod': 'POST',
'numberCount': 3,
'requestDate': '07/02/2017',
},
我想使用 moment 库将请求日期变量从字符串转换为日期。
在你的构造函数中添加:this.requestDate = moment(values.requestDate, "MM-DD-YYYY").toDate();
查看文档:
您必须像下面这样创建管道
//datePipe.ts
import { Pipe, PipeTransform } from '@angular/core';
import moment from 'moment';
@Pipe({
name: 'datex'
})
export class DatexPipe implements PipeTransform {
transform(value: any, format: string = ""): string {
// Try and parse the passed value.
var momentDate = moment(value);
// If moment didn't understand the value, return it unformatted.
if (!momentDate.isValid()) return value;
// Otherwise, return the date formatted as requested.
return momentDate.format(format);
}
}
然后你就可以在html页
中使用它了
{{datas2.requestDate | datex:'YYYY-MM-DD HH:mm'}}
这是我的model.ts
export class Feature2 {
requestRouteTemplate: string;
requestMethod: string;
numberCount: number;
requestDate: date;
constructor(values: Object = {}) {
Object.assign(this, values);
}
}
这是component.ts
this.datas2 = [
{
'requestRouteTemplate': 'api/Tasks',
'requestMethod': 'POST',
'numberCount': 6,
'requestDate': '07/01/2017',
},
{
'requestRouteTemplate': 'api/Tasks',
'requestMethod': 'POST',
'numberCount': 3,
'requestDate': '07/02/2017',
},
我想使用 moment 库将请求日期变量从字符串转换为日期。
在你的构造函数中添加:this.requestDate = moment(values.requestDate, "MM-DD-YYYY").toDate();
查看文档:
您必须像下面这样创建管道
//datePipe.ts
import { Pipe, PipeTransform } from '@angular/core';
import moment from 'moment';
@Pipe({
name: 'datex'
})
export class DatexPipe implements PipeTransform {
transform(value: any, format: string = ""): string {
// Try and parse the passed value.
var momentDate = moment(value);
// If moment didn't understand the value, return it unformatted.
if (!momentDate.isValid()) return value;
// Otherwise, return the date formatted as requested.
return momentDate.format(format);
}
}
然后你就可以在html页
中使用它了{{datas2.requestDate | datex:'YYYY-MM-DD HH:mm'}}