Question

以下是我的HTML代码:::

[1,2,1,2,1,2,1]

控制器代码::

<input type="text" id="name" placeholder="Please enter date"
        uib-datepicker-popup="{{$ctrl.datePicker.format}}" ng-model="$ctrl.date" is-open="$ctrl.isOpened"
        datepicker-options="$ctrl.datePicker.dateOptions" ng-required="true" name="name" popup-placement="auto bottom-right"
        ng-click="$ctrl.openDatePicker($ctrl.date)" data-ng-model-options="{ 'debounce': 300}"/>

我想隐藏下个月没用的日期。

Answer 1

使用numberOfMonths：1， endDate：'+ 29d'

Answer 2

您可以将一个类分配给传递给customClass的对象的datepicker-options属性，如下所示：

$scope.options = {
  customClass: getCssClass,
  minDate: new Date(),
  showWeeks: true,
  // the rest of your options here...
};

function getCssClass(params){
  var currentMonth = new Date().getMonth();
  var calDateMonth = params.date.getMonth();
  return (currentMonth !== calDateMonth) ? "hide-me" : "";
};

您可能希望在上述功能中进行进一步检查，具体取决于所选的模式和当前月份，但您可以了解可能的情况。

然后你只需要你的css文件中的相关类：

.hide-me {
   visibility: hidden;
}

Demo Plunk

UI Datepicker每月限制天数

2 个答案: