我在我的 Angular 2 应用程序中使用了 ng2-daterangepicker 模块。该模块返回一个对象,但是我需要一个 YYYY-MM-DD 格式。
我会使用日期管道,但是我认为不能与模块一起使用,因为 HTML 不使用常规变量。该模块确实具有设置格式的设置,但似乎无法正常工作-我仍然收到一个对象。
.format 不起作用,因为 Angular 2 在打字稿中。我尝试过 .toString(),它确实以这种格式返回日期:Wed Mar 08 2017 00:00:00 GMT+0100 - 但我不确定我将如何将其转换为我需要的格式。
HTML
<input type="text" name="daterangeInput" daterangepicker [options]="options" (selected)="selectedDate($event)"/>
打字稿
startDate: any;
endDate: any;
private selectedDate(value: any) {
this.startDate = value.start.toString();
console.log(this.startDate);
this.endDate = value.end.toString();
console.log(this.endDate)
// console.log(value.end.format("YYYY-MM-DD"));
}
constructor(
private mapsAPILoader: MapsAPILoader,
private ngZone: NgZone,
private http: Http,
private daterangepickerOptions: DaterangepickerConfig
) {
this.daterangepickerOptions.settings = {
locale: { format: 'YYYY/MM/DD' },
alwaysShowCalendars: false
};
}
我是 Angular 2 的新手。非常感谢任何帮助!
浏览器并不总是正确处理原生日期格式。您可以使用“momentjs”库MomentJs
安装库后,您应该导入组件并使用它。
import * as moment from 'moment';
....
moment(date).format('YYYY-MM-DD')
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句