Angular UI TimePicker無法正常工作

Question

我正在創建一個角度指令來處理某些日期時間功能。 我正在嘗試使用Angular的UI Bootstrap，但在TimePicker中卻遇到了一個奇怪的錯誤。 它會顯示我的開始時間（只是默認為當前時間），但是如果我嘗試單擊向上/向下箭頭以更改時間，它將在兩個字段中均顯示NaN，並且當我檢查日期時，它表示該日期無效。 以下是我的代碼：

 utilisyncApp.directive("questionDateTime", [ "$log", function ($log) { return { restrict: "E", templateUrl: "/app/directives/utilisyncItem/utilisyncQuestion/questionDateTime/questionDateTime.html", scope: { item: '=' }, link: function ($scope, $element, $attrs) { $scope.mStep = 1; $scope.hStep = 1; $scope.dateFormat = 'dd-MMM-yyyy' $scope.popup = { isOpen: false }; $scope.dateTime = { time: new Date() }; $scope.openDate = openDate; $scope.changed = changed; init(); function init() { if ($scope.item.question.defaultToCurrent) { $scope.dateTime.date = new Date(); } } function openDate() { $scope.popup.isOpen = true; } function changed() { var date = $scope.dateTime.date; var time = $scope.dateTime.time; if ($scope.item.question.includeTime) { $scope.item.value = new Date(date.getFullYear(), date.getMonth(), date.getDay(), time.getHours(), time.getMinutes(), 0); } else { $scope.item.value = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 0, 0, 0); } } } }; } ]); 

 <div class="form-group"> <p class="input-group"> <input type="text" class="form-control" uib-datepicker-popup="{{dateFormat}}" ng-model="dateTime.date" ng-change="changed()" is-open="popup.isOpen" datepicker-options="dateOptions" close-text="Close" /> <span class="input-group-btn"> <button type="button" class="btn btn-default" ng-click="openDate()"><i class="glyphicon glyphicon-calendar"></i></button> </span> </p> <uib-timepicker ng-if="item.question.includeTime" ng-model="dateTime.date" readonly-input="true" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="true"></uib-timepicker> </div> 

似乎我在使用它的方式幾乎與他們網站上的示例完全一樣，但是它無法正常運行，我不確定為什么。

Answer 1

這行中有一個錯字：

<uib-timepicker ng-if="item.question.includeTime" ng-model="dateTime.date" readonly-input="true" ng-change="changed()" hour-step="hStep" minute-step="mStep" show-meridian="true"></uib-timepicker>

如你所寫

hour-step =“ hstep” minutes-step =“ mstep”

代替

hour-step =“ hStep ” minutes -step =“ mStep ”