【问题标题】:Datepicker should be close after selecting a Date选择日期后,日期选择器应关闭
【发布时间】:2019-09-28 01:49:37
【问题描述】:

我在我的页面中使用两种类型的日期选择器,在一个字段中我使用 jQuery Multidatepicker,在另一个输入字段中我使用 datepicker。两者都工作正常,但问题是选择日期后日期选择器没有隐藏。

HTML

<div>
<label>Start Date:</label> <br />
<s:textfield type="text" readonly="true" id="startDate" name="startDate"
class="form-control" autocomplete="off"/>
</div>

JAVASCRIPT 在下面的代码中,我使用了 autoclose: true,但不起作用。

$("#startDate").datepicker({
    prevText : "click for previous months",
    nextText : "click for next months",
    showOtherMonths : true,
    dateFormat : 'dd/mm/yy',
    selectOtherMonths : false,
    maxDate : new Date(),
    autoclose: true
});

在下面的代码中,我使用了 autoHide: true,仍然无法正常工作

$("#startDate").datepicker({
    prevText : "click for previous months",
    nextText : "click for next months",
    showOtherMonths : true,
    dateFormat : 'dd/mm/yy',
    selectOtherMonths : false,
    maxDate : new Date(),
    autoHide: true
});

我想在自动选择日期后关闭日历。 请告诉我是什么问题。

【问题讨论】:

  • @Sayed Mohamed Aladeen 我试过了,但没有任何效果。
  • @TheKhaleesi 你有任何演示或 jsFiddle 来重现这个问题吗?由于这似乎只是应用程序级别的问题,所以一旦我们调试它,我们就可以找到解决方案。

标签: javascript jquery datepicker calendar


【解决方案1】:

检查此代码:

$(document).ready(function () {


    $('#startDate').datepicker({
        prevText : "click for previous months",
        nextText : "click for next months",
        showOtherMonths : true,
        dateFormat : 'dd/mm/yy',
        selectOtherMonths : false,
        maxDate : new Date()
    }).on('change', function(){
        $('.datepicker').hide();
    });


});

【讨论】:

  • @Pauya Jabbarisani 感谢您的回复,但我试过这个已经不适合我了。
【解决方案2】:

日期选择器应在用户选择日期后自动关闭。 我认为这个错误可能是由代码中的其他地方引起的, 或者你可以先试试这个

$("#startDate").datepicker({});

【讨论】:

  • 这是真的,日期选择器在选择日期后自动关闭。简单的代码工作正常,但我提供的上述代码没有按预期工作。
猜你喜欢
  • 2018-07-27
  • 1970-01-01
  • 1970-01-01
  • 2014-04-26
  • 2022-07-23
  • 1970-01-01
  • 2019-03-15
  • 2023-03-20
  • 1970-01-01
相关资源
最近更新 更多