材质js日期选择器和ng-模型日期字符串不匹配

我对AngularJS ng-model和Angular Materia日期选取器有一些疑问。我有两个问题。一个是date-picker输入的日期与ng-model的值不同。另一个是当用户选择日历上的日期时，ng-model的值与用户选择的日期不同。这里是细节。材质js日期选择器和ng-模型日期字符串不匹配

所以我有这个字符串变量在控制器 $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

我该如何解决这两个问题？

非常感谢您的帮助。

来源

2017-08-24 sonamoo

所以我有这个字符串变量在控制器$ scope.formData [ “BEGIN_DATE”] = “2017年9月25日”

写begin_date为Date对象：

$scope.formData = { 
    begin_date: new Date("2017-09-25") 
    };

DEMO CODEPEN

来源

2017-08-24 15:52:41

材质js日期选择器和ng-模型日期字符串不匹配

回答

相关问题