easyui-datetimebox 控件默认显示三个按钮,分别是【今天】【确定】和【关闭】
因为项目需求,需要新增一个【清空】按钮,来清空日期值。
可以在需要【清空】按钮的JSP文件添加以下代码。
即可实现【清空】按钮
代码如下
$(document).ready(function(){
var d_buttons = $.extend([], $.fn.datebox.defaults.buttons);
d_buttons.splice(1, 0, {
text: '清空',
handler: function(target){
$(target).datebox('setValue','');
}
});
$('.easyui-datebox').datebox({
buttons: d_buttons,
editable:false,
width:'100px'
});
var dt_buttons = $.extend([], $.fn.datetimebox.defaults.buttons);
dt_buttons.splice(2, 0, {
text: '清空',
handler: function(target){
$(target).datetimebox('setValue','');
}
});
$('.easyui-datetimebox').datetimebox({
buttons: dt_buttons,
editable:false,
width:'150px'
});
});