材質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-模型日期字符串不匹配

回答

相關問題