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

jQuery UI Datepicker - prevent refresh on date click

本文关键字：刷新 日期 UI Datepicker jQuery      更新时间：2023-09-26

我将日期选择器中的年份下拉框改为文本框，因为我想手动输入年份。
但当我选择某天，文本框返回到下拉。我怎样才能避免呢?

这是我的小提琴:

<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();

提前感谢!

选项onSelect在选择日期后执行一些代码。

参见onSelect块中的$("#datepicker").datepicker('setDate', new Date(year, month, $.datepicker.formatDate('dd', curDate)));行。

你又在分配今天的日期。所以请删除或注释它。

小提琴

相关文章：