datepicker怎么清空值_jQuery 的DatePicker 添加一个Clear清除按钮

鲍飞星
2023-12-01

$(document).ready(function ()

{

//用来存放当前正在操作的日期文本框的引用。

var datepicker_CurrentInput;

// 设置DatePicker 的默认设置

$.datepicker.setDefaults({ showButtonPanel: true, closeText: 'Clear', beforeShow: function (input, inst) { datepicker_CurrentInput = input; } });

// 绑定“Done”按钮的click事件,触发的时候,清空文本框的值

$(".ui-datepicker-close").live("click", function ()

{

datepicker_CurrentInput.value = "";

});

});

以上代码是为jQuery UI 中的DatePicker 控件改造一个Clear按钮,实现清楚操作。

贴一个使用实例:

$(document).ready(function(){

var datepicker_CurrentInput;

$.datepicker.setDefaults({ showButtonPanel: true, closeText: '清除', beforeShow: function (input, inst) { datepicker_CurrentInput = input; } });

$(".ui-datepicker-close").live("click", function (){

datepicker_CurrentInput.value = "";

});

$("#publicTime").datepicker({

dateFormat:'yy-mm-dd',

showButtonPanel: true,

changeMonth: true,

changeYear: true

});

});

 类似资料: