BootStrap年份範圍

我想指定兩個datepicker之間的範圍。 from和to看起來像下面 enter image description here BootStrap年份範圍

在我選擇from year爲2011以上的圖像，現在我不想選擇to year小於逐年。怎麼能做到這一點。

代碼

$('#from').datepicker({ 
     format: "yyyy", 
     autoclose: true, 
     minViewMode: "years" 
}); 

$('#to').datepicker({ 
     format: "yyyy", 
     autoclose: true, 
     minViewMode: "years" 
});

JS Fiddle

來源

2014-10-08 Sadikhasan

請加入小提琴 – Tushar 2014-10-08 07:10:30

@TusharGupta我加了小提琴，請檢查 – Sadikhasan 2014-10-08 07:17:28

這可能會幫助你http://stackoverflow.com/questions/21438647/bootstrap-datepicker-disable-past-dates-after-first-date-field -is-set – 2014-10-08 07:22:46

檢查Fiddle

代碼

$('#from').datepicker({ 
     format: "yyyy", 
     autoclose: true, 
     minViewMode: "years" 
}) .on('changeDate', function(selected){ 
     startDate = $("#from").val(); 
     $('#to').datepicker('setStartDate', startDate); 
    }); 
; 


$('#to').datepicker({ 
     format: "yyyy", 
     autoclose: true, 
     minViewMode: "years" 
});

見

on('changeDate', function(selected){ 
    startDate = $("#from").val(); 
    $('#to').datepicker('setStartDate', startDate); 
});

邏輯：

這裏後，我選擇從一年中，我設定它的最小年度使用設置從日期選擇器$('#to').datepicker('setStartDate', startDate); 。

來源

2014-10-08 07:59:36

非常感謝。高超！！！ – Sadikhasan 2014-10-08 08:05:07

請將您的小提琴代碼粘貼到答案中，以便用戶可以輕鬆查看您的代碼。 – Sadikhasan 2014-10-08 08:18:43

，因爲這是一個常見的問題有關於這個問題，很多職位至今。他們中的大多數幾乎與您的完全一樣。

您可以檢查這一項，例如其還寫有阿賈克斯/ jQuery的 jQuery Date Picker - disable past dates

這一個espacialy有關的日期選擇器禁用過去的日期： disable past dates on datepicker

所以它或多或少重複發問，您可以從已提出的問題中解決此問題。

請參見有關的minDate更多信息API： http://jqueryui.com/datepicker/#option-minDate

我想修復檢查將設置的minDate像這樣（學分Dasun誰在上面給出的鏈接寫這片代碼）

minDate: dateToday Or minDate: '0' is the key here. Try to set the minDate property. 

$(function() { 
    $("#datepicker").datepicker({ 
      numberOfMonths: 2, 
      showButtonPanel: true, 
      minDate: dateToday // minDate: '0' would work too 
     }); 
});

來源

2014-10-08 07:24:53

我有兩個datepicker'from'和'to'。我想要在兩個日期選擇器之間的距離。 – Sadikhasan 2014-10-08 07:50:56

這裏是一個demo

你只啃老族，以 '從' 日期選擇器的ONSELECT屬性格式指定：

onSelect: function(){ 
    $('#to').datepicker('option', 'minDate', new Date($(this).datepicker("getDate").getFullYear(),0,1));  
}

來源

2014-10-08 07:47:30 aleha

'onSelect'不能正常工作 – Sadikhasan 2014-10-08 07:49:53

這是JQUERY CALENDER用戶需要BOOOTSTRAP – 2014-10-08 07:54:06

BootStrap年份範圍

回答

相關問題