将uib-datepicker限制为仅一年

时间:2016-10-10 11:23:59

标签: angular-ui-bootstrap uidatepicker bootstrap-datepicker angular-ui-datepicker

如何将uib-datepicker修复为一年。 (仅说今年)。

我尝试过搜索,但我能找到的只是将日历限制为年份模式。我尝试在datepicker-options中设置year:2016,但它不起作用。

任何建议???

1 个答案:

答案 0 :(得分:0)

您可以minDate对象maxDate中使用datepicker-optionsangular.module('MyApp',['ui.bootstrap']).controller('AppCtrl', function($scope) { $scope.open1 = function() { $scope.popup1.opened = true; }; $scope.dateOptions = { minDate: moment().startOf('year').toDate(), maxDate: moment().endOf('year').toDate() }; $scope.format = 'dd-MMMM-yyyy'; $scope.popup1 = { opened: false }; });属性。

以下代码显示了限制在当前年份的日期选择器:



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-animate.min.js "></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-touch.min.js "></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap-tpls.min.js"></script>

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>

<div ng-app="MyApp" ng-controller="AppCtrl">
  <div class="row">
    <div class="col-md-6">
      <p class="input-group">
        <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" show-button-bar="false" />
        <span class="input-group-btn">
          <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
        </span>
      </p>
    </div>
  </div>
</div>
&#13;
update MYTABLE set my_date = date_add(:currentDate, INTERVAL num_days_column DAY);
&#13;
&#13;
&#13;

请注意,我使用了docsstartOfendOf来获取当前年份的第一天和最后几天作为日期对象。