如何在Angular 2中格式化JS对象中的日期?

宇宙冲浪者

我在我的 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Angular 2中格式化日期时间

来自分类Dev

在Angular 2中格式化日期时间

来自分类Dev

如何在Struts 2中格式化货币?

来自分类Dev

如何在Struts 2中格式化货币?

来自分类Dev

如何在Windows Phone 8中格式化日期?

来自分类Dev

如何在ASP.NET MVC 5中格式化日期

来自分类Dev

如何在Grape中的参数中格式化DateTime

来自分类Dev

如何在Java中格式化日期范围?

来自分类Dev

如何在SQL SERVER中格式化日期时间

来自分类Dev

你如何在python中格式化日期时间

来自分类Dev

如何在流星模板中格式化日期

来自分类Dev

如何在VBA中格式化日期和时间?

来自分类Dev

如何在EmbeddedJS中格式化日期

来自分类Dev

如何在NodeJS中格式化ISO日期

来自分类Dev

如何在v-Calendar中格式化日期?

来自分类Dev

如何在Objective-C中格式化日期?

来自分类Dev

如何在jQuery中格式化日期

来自分类Dev

如何在Itemwriter中格式化输出日期?

来自分类Dev

如何在“流星”中格式化日期?

来自分类Dev

如何在AngularJS中格式化日期?

来自分类Dev

如何在 R 中格式化日期?

来自分类Dev

如何在 R 中格式化日期

来自分类Dev

如何在 shell 中格式化日期

来自分类Dev

我如何在 groovy 脚本中格式化日期

来自分类Dev

如何在源脚本中格式化日期?

来自分类Dev

如何在不使用 moment.js 的情况下在 javascript 中格式化日期

来自分类Dev

在Angular自定义指令的日期选择器中的ng-Model中格式化日期

来自分类Dev

如何在JSON对象中格式化此Date

来自分类Dev

如何在React.js中以特定格式格式化日期?