仅显示datepicker中的当前月份,并且应使用angularjs禁用所有月份

时间:2017-10-25 09:38:38

标签: javascript jquery angularjs date datepicker

我的日期选择器只显示了几个月。 它应该只显示当前月份,剩余月份应该被禁用。

我尝试使用min-datemax-date,但它无效。

HTML:

<input type="text" class="form-control" 
  readonly="readonly" ng-model="xxxx"
  min-mode="'month'" min-date="startmnth" max-date="endmnth"
  datepicker-popup="yyyy-MM" is_open="status.date_opened" 
  ng-required="true" placeholder="YYYY-MM" 
  datepicker-options="datepickerOptions" 
  datepicker-mode="'month'" ng-click="openfromDate($event)" 
  show-button-bar="false">

JS:

$scope.startmnth = new Date().getMonth()
$scope.endmnth = new Date().getMonth()

$scope.datepickerOptions = {
    startingDay: 1,
};

$scope.openfromDate = function ($event) {                    
    $event.preventDefault();
    $event.stopPropagation();        
    $scope.status.date_opened = true;
 };

1 个答案:

答案 0 :(得分:0)

您可以添加&#34; dateDisabled:this.disabledDates&#34;作为选项的一部分,然后创建一个这样的函数:

this.disabledDates = function(data) {
    var date = moment(data.date);
    //check date and return true/false to disable/enable
    return false;//to disable
}