视图和模型之间的角度引导日期选择器不匹配答案

【问题标题】：angular bootstrap datepicker mismatch between view and model视图和模型之间的角度引导日期选择器不匹配
【发布时间】：2015-05-06 07:45:54
【问题描述】：

我正在使用角度引导时间选择器。我面临的问题是视图和模型之间不匹配。从示例中可以看出，我选择了 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>

【问题讨论】：

标签： angularjs twitter-bootstrap

【解决方案1】：

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

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

例如

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

见AngularJS Docs - Date Filter

【讨论】：

我刚刚遇到了同样的问题。但是为什么会出现这种差异呢？

【解决方案2】：

我在这里也遇到过这个问题 Angular UI bootstrap date mismatch between model & datepicker

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

要解决它，您必须将它添加到您的日期选择器中。

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

【讨论】：