选择日期后如何防止日期选择器关闭？答案

【问题标题】：how do i prevent a datepicker from closing after selecting a date?选择日期后如何防止日期选择器关闭？
【发布时间】：2017-01-19 12:00:29
【问题描述】：

有一个非常重要的问题让我陷入了困境，但我在任何地方都找不到合适的解决方案。

如何防止 jquery datepicker 在选择日期后关闭？我只想在单击日期选择器对话框上的取消或继续按钮时关闭它。

基本上，我希望在从服务器端代码获取的日期选择器上显示结束日期。这应该在我选择了开始日期并且服务器对其进行一些处理之后显示。然后当我完成后，我可以根据我的选择点击取消或继续。

这是我的代码：

$("#StartDate").datepicker({
    changeYear: true,
    inline: true,
    minDate: defaultDate,
    beforeShowDay: noWeekendsOrHolidays_document_Scope,
    showButtonPanel: true,
    showOn: "button",
    buttonImage: appRoot + "/images/calendar.gif",
    buttonImageOnly: true,
    onSelect: function(selectedDate,inst){
        var expectedDtFromAcc = $("#fromAcc").val();
        var expectedDtToAcc = $("#toAcc").val();
        var tStartDate = selectedDate;
        $.ajax({
              method: "POST",
              cache: false,
              url: encodedGetDtUrl,
              data: { tStartDate: tStartDate, expectedDtFromAcc : expectedDtFromAcc ,
                  expectedDtToAcc : expectedDtToAcc }
        }).done(function(output){

            if(output.expectedDate !== null){
                $("#expectedDelDate").val(output.expectedDate);
            }

            var to = $("#expectedDelDate").val();
            var expectedDelDate = toDate(to);

             $("#StartDate").datepicker("option","maxDate",expectedDelDate);
        });
    },
})
.val(defaultDate);

请帮帮我！

顺便说一句，我使用的是 Jquery UI v1.12。

【问题讨论】：

添加$("#StartDate").datepicker({ autoclose: false

标签： javascript java jquery datepicker struts2

【解决方案1】：

您可以添加：

$('#StartDate').datepicker({
    autoclose: false
});

【讨论】：

嘿，我没有使用 bootstrap datepicker...使用 Jquery Datepicker

【解决方案2】：

你可以试试这个。

$( function(){
  
   $( "#stard_date" ).datepicker({
     onSelect : function(text, obj) {
       
       $( "#end_date" ).show();
       $( "#end_date" ).datepicker({
         defaultDate : '01/09/2017',
       });              
     }, 
     beforeShow : function( inputEle, obj ){
       
       $( "#end_date" ).hide();
     }
   } );
} );

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>


<div>From: <input type="text" id="stard_date"><div id="end_date" style="display : none;margin-left : 5%; margin-top: 3px;"></div></div>

【讨论】：

嘿拉维..感谢您的解决方案..但是，要求是在同一日期选择器上显示结束日期而不关闭它。同时我也开始研究bootstrap datepicker。
嘿 ravi 肯定会尝试..但我想我会使用引导日期选择器。