jQuery UI Datepicker - 防止日期点击时刷新

时间:2015-09-14 08:01:29

标签: javascript jquery-ui-datepicker

我将Datepicker的年份下拉列表更改为文本框,因为我想要手动输入年份 但是当我选择某一天时,文本框会返回到下拉列表。我该如何防止这种情况?

这是我的fiddle:

HTML

<div id="datepicker"/>

的jQuery

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function() {  
        $(this).data('datepicker').inline = true;      
        var curDate = $(this).datepicker('getDate');        
        var month = $(".ui-datepicker-month").val();
        var year = $(".ui-datepicker-month").next("input").val();
        $("#datepicker").datepicker('setDate', new Date(year, month, $.datepicker.formatDate('dd', curDate)));

                //var text = $("<input type='text'id = 'textbox' style='width:106px' value='2015'/>");
    //$(".ui-datepicker-year").before(text).hide();
    }        
});
var text = $("<input type='text'id = 'textbox' style='width:106px' value='2015'/>");
$(".ui-datepicker-year").before(text).hide();

提前致谢!

0 个答案:

没有答案