Question

我有两个JQuery日期选择器来选择'StartDate'和'EndDate'。我的要求是在选择startDate后自动弹出结束日期日历。

我已经尝试了这里的所有步骤。

此处的代码成功触发了“EndDate”日历的焦点，但它会显示一秒钟并隐藏起来。

$(document).ready(function() {  //Runs when tab is loaded
        var dateFormat = "dd/mm/yy";
        var today=new Date();
        today.setMonth(today.getMonth()-1); 
        $("#ctl00_ContentPlaceHolder1_datepicker1").datepicker({
         minDate: 0, 
         dateFormat:dateFormat,
         //maxDate: '+12M +31D',  
         onSelect: function(dateText, inst){
                   var the_date = new Date($.datepicker.parseDate(dateFormat,dateText));
                   //var end=(the_date.getDate()+1) + '/' + (the_date.getMonth()+1) + '/' + the_date.getFullYear();
                   $("#ctl00_ContentPlaceHolder1_datepicker2").datepicker('option', 'minDate', the_date);
                  // TRIED ALL THESE
                  //document.getElementById('ui-datepicker-div').style.display  = 'block';
                  //document.getElementById('ui-datepicker-div').style.left  = '635.5px';
                  //$("#ctl00_ContentPlaceHolder1_datepicker2").datepicker("show");
                  //$("#ctl00_ContentPlaceHolder1_datepicker2").datepicker(); 
                  //$("#ctl00_ContentPlaceHolder1_datepicker2").focus();
                  //$('#foo').slideUp(300).delay(800).fadeIn(400);
                  //$("#ctl00_ContentPlaceHolder1_datepicker2").trigger("focus"); 
                  $('#ctl00_ContentPlaceHolder1_datepicker2').focus();

      }
     });
     $("#ctl00_ContentPlaceHolder1_datepicker2").datepicker({
        //maxDate: '+12M +31D', 
        dateFormat:dateFormat,
        onSelect: function(dateText, inst){

        }                       
    });

 });

网站这是前端http://www.chuttitime.com/beta/

Answer 1

使用此：

onClose: function() {
                  $('#endDate').focus();
            }});

Answer 2

可能是有用的..它有2个字段来表示范围http://jqueryui.com/datepicker/#date-range

JQuery DatePicker - 另一个datepicker的'OnSelect'上的pop日历对话框

2 个答案: