今天我的客户提了一个问题:就是想实现一个功能datebox只修改年份,不能修改日期和月份。但是datebox控件有一个默认的当前日期按钮,点击这个按钮就会默认成当前的日期,就实现不了那个功能了,让我很纠结。从网上找了一大堆都是添加一个自定义的按钮没有找到可以控制datebox按钮不显示的问题,我试着改写了一下源码不让datebox按钮显示,代码很low,就是功能实现了,分享给大家。
详情代码如下:
<input class="easyui-datebox text" name="nextInspectionDate" id="nextInspectionDate" data-options="required:true,editable:false,height:24,buttons:buttons">
<script>
var buttons = $.extend([], $.fn.datebox.buttons);
buttons.splice(1, 0, {});
</script>
效果如图中显示
给这个datebox的按钮赋了一个空的按钮
下面是从官网上看的添加一个新的按钮的方法,我也记录一下,下次就好找了。
如下
- <inputclass="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>
效果如图中显示
网站地址 http://www.jeasyui.net/demo/343.html