Question

我对AngularJS ng-model和Angular Materia日期选择器有一些疑问。我有两个问题。一个是日期选择器输入上显示的日期与ng模型值不同。另一个是当用户在日历上选择日期时，ng-model值与用户选择的日期不同。以下是详细信息。

所以我在控制器中有这个字符串变量 $scope.formData["begin_date"] = "2017-09-25"

这是我的html标签

<md-input-container >
    <label>Start date</label>
        <md-datepicker required ng-model="formData.begin_date"></md-datepicker>
        </md-input-container>

但这是我的浏览器向我展示的内容。我想要显示的日期是2017-09-25，但显示的是2017-09-24。这是图像。 date displayed on the date picker input

我不明白如何解决这个问题以显示我想要显示的确切日期。

此外，我希望用户能够使用日期选择器选择日期并查看浏览器上选择的日期。但是，当用户选择日期时，绑定到日期选择器的ng模型显示不同的日期。例如，用户在日历上选择2017-09-28，如下所示。 user picks 2017-09-28

但角度ng模型显示的日期值与用户从日历中选择的日期不同，如下所示。在网络浏览器上显示"2017-09-29T00:00:00.000Z"，我只想显示2017-09-28

如何解决这两个问题？

非常感谢你的帮助。

Answer 1

所以我在控制器中有这个字符串变量$ scope.formData [“begin_date”] =“2017-09-25”

将= link_to 'Back', books_path # renders as <a href="/books">Back</a> = link_to 'View', @book # renders as <a href="/book/1">View</a> or similar写为begin_date对象：

Date

DEMO CODEPEN

material js date-picker和ng-model日期字符串不匹配

1 个答案: