视角和模型

Question

我正在使用角度引导时间戳。 我面临的问题是我在视图和模型之间存在不匹配。 从示例中可以看出，我选择了2015-05-07，但该模型落后了一天。

<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>

Answer 1

将日期过滤器应用于视图中的值

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

e.g。

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

请参阅AngularJS Docs - Date Filter

Answer 2

我也在这里面对这个问题 Angular UI bootstrap date mismatch between model & datepicker

将日期过滤器添加到视图中只会解决显示问题。 如果您将它发送到Rest API，您仍然会在服务器上停留一天。

要解决此问题，您必须将此添加到日期选择器中。

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