DatePicker输入minDate maxDate

时间:2013-09-10 14:48:18

标签: jquery jquery-ui datepicker maxdate mindate

在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'));
});

2 个答案:

答案 0 :(得分:0)

尝试

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

答案 1 :(得分:0)

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