【问题标题】:DatePicker input minDate maxDateDatePicker 输入 minDate maxDate
【发布时间】:2013-09-10 14:48:17
【问题描述】:

在 Datepicker 上,我可以设置 minDate 和 maxDate。当我单击选择器时,它在出现的日历中工作正常。

但用户可以在选择器上键入日期,并且可以将日期放在我设置的范围之外。

如果我在选择器中按“ENTER”,它会将日期固定为最接近的日期,但通常用户按“TAB”而不是“ENTER”,因此不会发生此修复。

当用户退出我的选择器时,有人可以帮助我如何触发这个“ENTER”?我的选择器是一个输入[type=text]。

function CarregaDatePicker() {
    dt_min = CampanhaDataInicio
    dt_max = CampanhaDataFim

    $("#data_nota").datepicker({
        minDate: dt_min,
        maxDate: dt_max,
        changeMonth: true,
        changeYear: true,
        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
        monthNamesShort: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
        dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
        dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
        dateFormat: "dd/mm/yy"
    });
};

解决方案:

$("#data_nota").blur(function () {
    $(this).datepicker('setDate', $(this).datepicker('getDate'));
});

【问题讨论】:

  • 设置 maxdate,注意 $("#data_nota") 的模糊事件

标签: jquery jquery-ui datepicker maxdate mindate


【解决方案1】:

试试

 $("#data_nota").blur(function(){
 $("#data_nota").datepicker({ minDate: dt_min, maxDate:dt_max});
});

【讨论】:

  • 嗨,Sharun,这不起作用,谢谢。我找到了解决方案: $("#data_nota").blur(function () { $(this).datepicker('setDate', $(this).datepicker('getDate')); });
【解决方案2】:
$("#data_nota").blur(function () {
    $(this).datepicker('setDate', $(this).datepicker('getDate'));
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-02-11
    • 2014-07-03
    • 2017-06-12
    • 1970-01-01
    • 2017-04-07
    • 1970-01-01
    • 1970-01-01
    • 2021-07-25
    相关资源
    最近更新 更多