每月 - VoidCC

UI日期选择器限制天下面是我的HTML代码:::每月

<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}"/>

控制器代码::

$ctrl.datePicker = { 
     format : 'MM-dd-yy', 
     dateOptions: { 
      dateDisabled: false, 
      formatYear: 'yy', 
      maxDate: new Date(2020, 5, 22), 
      minDate: today, 
      startingDay: 1, 
      showButtonBar: false, 
      altInputFormats: ['dd-MMMM-yyyy', 'yyyy-MM-dd', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'], 
      showWeeks: false, 
      ngModelOptions: { 
      debounce: 100 
      } 
     }, 
     isOpened: false 
     };

我想隐藏这是不是有用下个月日期。

来源

2017-09-25 Rock

感谢格式化... – Rock

什么是你想要做什么呢？ a）防止选择_next_月份日期或b）防止浏览查看_下一月份，或者c）仅显示选定月份的最后一天之后的日期？ –

我正在尝试编号C.隐藏未包含在所选月份中的日子。 – Rock

使用NUMBEROFMONTHS：1，结束日期： '+ 29D'

来源

2017-09-25 09:41:30

我尝试但结果没有得到它。你能解释一下吗？谢谢。 – Rock

将此代码放入您的控制器并根据您的要求修改其属性值。 $（ “形式 - 控制 - 压延”。）日期选择器（{ 的startDate： '0'，的minDate：dateToday，格式： '毫米/日/年'， todayHighlight：真， NUMBEROFMONTHS：3，自动关闭：真， }）上（ “CHANGEDATE”，函数（E）{ VAR FromEndDate =新日期（）; VAR ToEndDate = e.date; ToEndDate.setDate（ToEndDate.getDate（）+ 90）; }）; –

你可以一类分配给您传递给datepicker-options对象上的customClass属性，所以是这样的：

$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

来源

2017-09-25 10:54:00

感谢您的答案，但当我点击下个月它显示选定的月份最后一行。你可以请检查并确认。 – Rock

@testertester是的，我正在研究它，似乎没有一种简单的方法来获取当前显示的日期（而不是当前选定的日期）。可以直接从DOM获取月份，但不建议这样做，因为只要有人改变显示格式（不是他们会，但是可以！），它就会中断。会有一个想法... –

每月

回答

相关问题