Bootstrap timepicker 在增加或减少小时和分钟时得到 NaN

Question

我想知道为什么这个 uib-datepicker 总是显示 NaN 同时增加或减少小时和分钟。

    <uib-timepicker ng-model="aliasCtrl.beginning"
                    hour-step="hStep"
                    minute-step="mStep"
                    readonly-input="false"
                    show-meridian="ismeridian"></uib-timepicker>

与以下控制器链接：

angular.module('app')
  .controller(
    'newController', ['$http', '$uibModalInstance', 'params', function($http, $uibModalInstance, params) {

      var rootScope = this;

      rootScope.begin= params.beg.format('hh:mm');

      rootScope.beginning = new Date();
      rootScope.beginning.setHours(parseInt(this.begin.split(':')[0]));
      rootScope.beginning.setMinutes(parseInt(this.begin.split(':')[1]));
      ...

在与日期选择器进行任何交互之前，它会显示预编译值...params.beg 是 Moment。

Answer 1

我只是忘记将 aliasCtrl. 放在 hStep 和 mStep 的开头，这意味着时间选择器不知道增加或减少多少时间和分钟。

应该是这样的：

 <uib-timepicker ng-model="aliasCtrl.beginning"
                hour-step="aliasCtrl.hStep"
                minute-step="aliasCtrl.mStep"
                readonly-input="false"
                show-meridian="aliasCtrl.ismeridian"></uib-timepicker>

因为在我的控制器中我还有 rootScope.hstep = 1;、rootScope.mstep = 30; 和 rootScope.ismeridian = false;

一下子没想到

Bootstrap timepicker 在增加或减少小时和分钟时得到 NaN

Bootstrap timepicker gets NaN while increasing or decreasing both hours and minutes

javascript

angularjs

momentjs

angular-ui-bootstrap

bootstrap-datetimepicker