1

angular-ui ブートストラップ タイム ピッカーを使用しています。

開始時間のコード

        <button type="button" class="btn btn-default dropdown-toggle" ng-click="openStartTime($event, 'time')">
            <i class="glyphicon glyphicon-time"></i>
        </button>
        <div dropdown is-open="timepickerOpened1">
          <span class="dropdown-menu" role="menu">
              <timepicker ng-model="meetingInfo.startTime" ng-change="changed()"  show-meridian="true"></timepicker>
          </span>
        </div>

そして終了時間

        <button type="button" class="btn btn-default dropdown-toggle" ng-click="openEndTime($event, 'time')">
            <i class="glyphicon glyphicon-time"></i>
        </button>
        <div dropdown is-open="timepickerOpened2">
          <span class="timePickerCls dropdown-menu" role="menu">
              <timepicker  ng-model="meetingInfo.endTime" ng-change="changed()" show-meridian="true"></timepicker>
          </span>
        </div>

私のコントローラーコード..

$scope.openStartTime = function ($event, type) {
                $event.preventDefault();
                $event.stopPropagation();

                if (type == 'date') {
                    $scope.datepickerOpened1 = true;
                    $scope.timepickerOpened1 = false;
                } else if (type == 'time') {
                    $scope.timepickerOpened1 = true;
                    $scope.datepickerOpened2 = false;
                }
            };
            $scope.openEndTime = function ($event, type) {
                $event.preventDefault();
                $event.stopPropagation();

                if (type == 'date') {
                    $scope.datepickerOpened2 = true;
                    $scope.timepickerOpened2 = false;
                } else if (type == 'time') {
                    $scope.timepickerOpened2 = true;
                    $scope.datepickerOpened2 = false;
                }
            };
            $scope.format = 'hh:mm a';

私の質問:入力された終了時刻が常に開始時刻よりも大きいかどうかを確認するための検証を追加するにはどうすればよいですか?ありがとう

4

1 に答える 1