需要帮助我了解Angular Material 2日期选择器格式

时间:2017-05-22 12:21:38

标签: javascript angular date datepicker angular-material2

我是Web开发和Angular 2的新手。我正在研究这个应用程序,它需要在输入字段中的各种屏幕上选择日期,这些字段是一个或另一个反应形式的一部分。 我在Angular Material 2框架中标记了新引入的日期选择器,但是我在配置正确的日期格式方面失败了。 这是我想要做的...... 用户使用日期选择器在字段中输入日期时,系统会将日期显示为“mm / dd / yyyy”格式。但是,我希望这种格式为'dd / mm / yyyy'。此外,我希望能够在将数据发送到后端服务器进行存储时将日期格式更改为“yyyy-mm-dd”。

在检索数据期间,我必须将格式从'yyyy-mm-dd'重新解析为'dd / mm / yyyy'。

我读了一些关于日期适配器的内容,但并不完全了解它的全部内容。

非常感谢朋友的帮助。

此致 纳文

1 个答案:

答案 0 :(得分:1)

Md-datepicker在其文档中有以下部分:

  • 自定义日期实施
  • 自定义解析和 显示

https://material.angular.io/components/component/datepicker

或者,作为替代方法,use可以使用以下datepicker库。该项目有关于如何更改日期格式的非常好的文档/示例。

https://github.com/kekeh/mydatepicker

您还可以访问以下库,以获取有关datepicker自定义的更多信息。

  • PrimeNG
  • ngx-bootstrap / datepicker
  • NG-引导/ NgbDatepicker

希望这有帮助!