easyui datebox控件button显示问题

来源:互联网 发布:色戒 梁朝伟 知乎 编辑:程序博客网 时间:2024/06/05 01:05

今天我的客户提了一个问题:就是想实现一个功能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的按钮赋了一个空的按钮

下面是从官网上看的添加一个新的按钮的方法,我也记录一下,下次就好找了。

如下

  1. <inputclass="easyui-datebox"data-options="buttons:buttons"></input>
  2. <script>
  3. var buttons= $.extend([], $.fn.datebox.defaults.buttons);
  4. buttons.splice(1,0,{
  5. text:'MyBtn',
  6. handler:function(target){
  7. alert('click MyBtn');
  8. }
  9. });
  10. </script>
效果如图中显示

网站地址 http://www.jeasyui.net/demo/343.html


原创粉丝点击