如何设置Datepicker mindate&其他日期选择器的datepicker onselect事件的可选日期？ [英] How to set Datepicker mindate & selectable date of datepicker onselect event of other date picker?

问题描述

我正在使用jquery / 1.7.2 / jquery.min.js版本。

 $（document）.ready（ function（）{
  //  入住日期的代码块 
 $ （' ＃CheckInDate'）。datepicker（{dateFormat： '  dd / mm / yy'，minDate：'  0D，numberOfMonths： 2 ，showButtonPanel： true ，onSelect：function（ ）{
  var  dateOne = $ .datepicker.parseDate（'  dd / mm / yy'，$（' ＃CheckInDate'） .val（））; 
 dateOne.setDate（dateOne.getDate（）+  1 ）; 
 $（  ＃CheckOutDate）。datepicker（' 选项'，'  minDate'，dateOne）; 
 $（ ＃CheckOutDate）。show（）; 
 $（ ＃CheckOutDate）。focus（）; 
} 
}）; 
 
  / *  退房日期* /  
 $（ ' ＃CheckOutDate'）。datepicker（{
 dateFormat：'  dd / mm / yy'，numberOfMonths： 2 ，minDate：< span class =code-string>'  1D'，showButtonPanel： true ，onSelect ：function（）{
  var  d3 = $（' ＃CheckInDate'）。datepicker（'  getDate'）; 
 d3.setDate（d3.getDate（）+ parseInt（ 1 ））; 
 $（'' ＃CheckOutDate'）。datepicker（'  setDate'，d3）; 
 $（ ＃CheckOutDate）。datepicker（' 选项'，'  minDate '，d3）; 
 $（ ＃CheckOutDate）。show（）; 
} 
}）; 
 $（' ＃CheckOutDate'）。live（'  focus'，function（）{
  var  dateOne = $ .datepicker.parseDate（'  dd / mm / yy'，$（' ＃CheckInDate'）。val（））; 
 $（' ＃CheckOutDate'）。datepicker（{dateFormat：'  dd / mm / yy'，numberOfMonths： 2 ，showButtonPanel： true }） ; 
 dateOne.setDate（dateOne.getDate（）+  1 ）; 
 $（ ＃CheckOutDate）。datepicker（'  option'，'  minDate'，dateOne）; 
  //   $（＃CheckOutDate）。show（）;  
 }）; 
 
}）; 

CheckOutDate日历闪烁&隐藏？你可以帮助解决问题吗？

解决方案

（文件）.ready（function（）{
// 签入日期的代码块

（ ' ＃CheckInDate'）。datepicker（{dateFormat：' dd / mm / yy'，minDate：' 0D'，numberOfMonths ： 2 ，showButtonPanel： true ，onSelect：function（）{
var dateOne =

.datepicker.parseDate（' DD / MM / YY'，

I am using jquery/1.7.2/jquery.min.js version.

$(document).ready(function () {
//code block of check-in date
 $('#CheckInDate').datepicker({ dateFormat: 'dd/mm/yy', minDate: '0D', numberOfMonths: 2, showButtonPanel: true, onSelect: function () {
     var dateOne = $.datepicker.parseDate('dd/mm/yy', $('#CheckInDate').val());
     dateOne.setDate(dateOne.getDate() + 1);
     $("#CheckOutDate").datepicker('option', 'minDate', dateOne);
     $("#CheckOutDate").show();
     $("#CheckOutDate").focus();
 }
 }); 

 /*Check-Out Date*/
 $('#CheckOutDate').datepicker({
     dateFormat: 'dd/mm/yy', numberOfMonths: 2, minDate: '1D', showButtonPanel: true, onSelect: function () {
         var d3 = $('#CheckInDate').datepicker('getDate');
         d3.setDate(d3.getDate() + parseInt(1));
         $('#CheckOutDate').datepicker('setDate', d3);
         $("#CheckOutDate").datepicker('option', 'minDate', d3);
         $("#CheckOutDate").show();
     }
 });
    $('#CheckOutDate').live('focus', function () {
        var dateOne = $.datepicker.parseDate('dd/mm/yy', $('#CheckInDate').val());
        $('#CheckOutDate').datepicker({ dateFormat: 'dd/mm/yy', numberOfMonths: 2, showButtonPanel: true });
        dateOne.setDate(dateOne.getDate() + 1);
        $("#CheckOutDate").datepicker('option', 'minDate', dateOne);
       // $("#CheckOutDate").show();
    });

});

CheckOutDate calender blinks & hides? could u plz help out from dis problem??

解决方案

(document).ready(function () { //code block of check-in date

('#CheckInDate').datepicker({ dateFormat: 'dd/mm/yy', minDate: '0D', numberOfMonths: 2, showButtonPanel: true, onSelect: function () { var dateOne =

.datepicker.parseDate('dd/mm/yy',

这篇关于如何设置Datepicker mindate&其他日期选择器的datepicker onselect事件的可选日期？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！