基于第一个刷新第二个日期选择器

我正在jQuery datepicker上工作。我的表单中有两个日期选择器。第一个人的minDate设置为当前日期&我想将第二个日期选择器的minDate设置为在第一个日期选择器中选择的日期。基于第一个刷新第二个日期选择器

它第一次正常工作。但是，如果用户在第一个日期选择器中选择另一个日期，那么第二个日期选择器不会更新。

我试过各种onClick onBlur并刷新事件，但没有任何成功。预先感谢您提供的任何帮助。我所编写的代码如下：

<script type="text/javascript"> 

$(function(){ 
var currentDate = new Date(); 
    var datePickerOptions1 = { 
       dateFormat:'dd-M-yy', 
        minDate: currentDate}; 

$('.datepick1').each(function(){ $(this).datepicker(datePickerOptions1); 
}); 
//hover states on the static widgets 
$('#dialog_link, ul#icons li').hover(
    function() { $(this).addClass('ui-state-hover'); }, 
    function() { $(this).removeClass('ui-state-hover'); } 
); 

}); 

function changeDate() 
{ 
var tempDate = document.getElementById("date_1").value; 
alert(tempDate+""+i); 
var datePickerOptions2 = { 
      dateFormat:'dd-M-yy', 
      minDate: tempDate }; 
$('.datepick2').each(function(){ $(this).datepicker(datePickerOptions2); 
}); 
} 
</script>

来源

2011-06-15 Jayanta

http://stackoverflow.com/questions/16373734/jquery-datepicker-restrict-dates-in-second-date-field-based-on-selected-date-in 在这里找到你的答案 – Ajay 2015-02-24 07:20:26

我一直使用这一段代码用于限制的时间范围为2个datepickers： http://jqueryui.com/demos/datepicker/#date-range

var dates = $("#from, #to").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 3, 
      onSelect: function(selectedDate) { 
       var option = this.id == "from" ? "minDate" : "maxDate", 
        instance = $(this).data("datepicker"), 
        date = $.datepicker.parseDate(
         instance.settings.dateFormat || 
         $.datepicker._defaults.dateFormat, 
         selectedDate, instance.settings); 
       dates.not(this).datepicker("option", option, date); 
      } 
     });

来源

2011-06-15 05:42:30

基于第一个刷新第二个日期选择器

回答

相关问题