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