<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DateBox Buttons - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<h2>DateBox Buttons</h2>
<p>This example shows how to customize the datebox buttons underneath the calendar.</p>
<div style="margin:20px 0;"></div>
<input class="easyui-datebox"></input>
<input class="easyui-datebox" data-options="buttons:buttons"></input>
<script>
var buttons = $.extend([], $.fn.datebox.defaults.buttons);
buttons.splice(1, 0, {
text: 'MyBtn',
handler: function(target){
alert('click MyBtn');
}
});
</script>
</body>
</html>
![EasyUI+JavaWeb奖助学金管理系统[16]-权限管理功能的开发](https://ucc.alicdn.com/pic/developer-ecology/936b2dd43aa24f1486a170a544b8618b.png?x-oss-process=image/resize,h_160,m_lfit)
![EasyUI+JavaWeb奖助学金管理系统[13]-机构分页浏览功能实现](https://ucc.alicdn.com/pic/developer-ecology/0a1a5d00405f4a799d7b88be06b28748.png?x-oss-process=image/resize,h_160,m_lfit)