簡體   English   中英

隱藏基於另一個datetimepicker的MVC引導datetimepicker中的日期

[英]Hide dates in MVC bootstrap datetimepicker based on another datetimepicker

我有兩個datetimepickers作為開始日期和結束日期。 我想在開始日期datetimepicker中隱藏今天之前的所有日期,然后我也想在結束日期datetimepicker中隱藏開始日期之前的所有日期。

我在mvc中使用引導程序選擇器執行此操作。

將startdate賦予datepicker: start date屬性。

$('.datepicker').datepicker({ startDate: startDate });

在您看來,日期選擇器可以具有以下特性:

   <input max-date="datePicker1.maxDate" min-date="datePicker1.minDate" ng-change="onDatePicker1Change()" ng-model="details.fromDate"/>

第二個日期選擇器可能是

<input max-date="datePicker2.maxDate" min-date="datePicker2.minDate" ng-change="onDatePicker2Change()" ng-model="details.fromDate"/>

在控制器激活中,為datePicker1.maxDate,datePicker1.minDate,datePicker2.minDate和datePicker2.maxDate初始化適當的范圍值。

在控制器內添加onDatePicker1Change()函數,該函數將適當地重置datePicker2.minDate和datePicker2.maxDate的值。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM