每月 - 優文庫

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獲取月份，但不建議這樣做，因爲只要有人改變顯示格式（不是他們會，但是可以！），它就會中斷。會有一個想法... –

每月

回答

相關問題