視圖和模型之間的角度bootstrap datepicker不匹配

我正在使用角度引導時間選擇器。我面臨的問題是我在視圖和模型之間存在不匹配。正如您從示例中所看到的那樣，我選擇了2015-05-07，但該模型比後一天晚。視圖和模型之間的角度bootstrap datepicker不匹配

<div dir="ltr" class="col-md-3 datePickerComponent"> 
       <div>{{payments.user.start_dt}}</div> 
        <span dir="rtl" class="datePickerLabel"> 
        תאריך התחלה 
        </span>&nbsp; 
        <p class="input-group"> 
         <input ng-disabled="true" dir="rtl" ng-change="payments.GetPayments()" type="text" class="form-control" datepicker-popup="dd-MM-yyyy" ng-model="payments.user.start_dt" is-open="payments.opened_start" /> 
         <span class="input-group-btn"> 
         <button type="button" class="btn btn-default" ng-click="payments.open_start($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
         </span> 
        </p> 
       </div>

enter image description here

來源

2015-05-06 omer bach

應用日期過濾器的值在您的視圖

<div>{{payments.user.start_dt | date : format : timezone}}</div>

例如

<div>{{payments.user.start_dt | date : longDate}}</div>

看到AngularJS Docs - Date Filter

來源

2015-05-06 07:56:42 rmuller

我剛碰到同樣的問題。但爲什麼會出現這種差異？ –

我也面臨着這裏 Angular UI bootstrap date mismatch between model & datepicker

這個問題添加日期過濾器視圖將只是解決顯示問題。如果您將它發送到Rest API，您仍然會在服務器上停留一天。

要解決這個問題，您必須將其添加到日期選擇器中。

ng-model-options="{timezone: 'UTC'}"

來源

2016-06-16 03:39:11

視圖和模型之間的角度bootstrap datepicker不匹配

回答

相關問題