为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js

时间:2022-06-23 02:43:49

为 jQuery EasyUI 1.4 的datebox或datetimebox添加一个清空按钮

使用场景:为用户指定了日期的格式,且日期可以为空

修改语言包easyui-lang-zh_CN.js

在if ($.fn.datebox){

的下一行添加 (41或42行)

$.fn.datebox.defaults.cleanText = '清空';

在if ($.fn.datetimebox && $.fn.datebox){
   $.extend($.fn.datetimebox.defaults,{

两行下面添加(67行)

cleanText: $.fn.datebox.defaults.cleanText,

搜索

}},currentText:"Today",closeText:"Close",okText:"Ok",buttons:[{text:function(_985){

修改为

}},currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok",buttons:[{text:function(_985){

为上面的buttons数组添加一个元素对象:

{ text : function(_989) {
   return $(_989).datebox("options").cleanText;
},handler : function(_990) {
   $(_990).combo('setValue', '').combo('setText', '');
   $(this).closest("div.combo-panel").panel("close");
}}

找到datetimebox控件的buttons数组,

为其添加元素对象

{ text : function(_9a8) {
    return $(_9a8).datetimebox("options").cleanText;
 },
 handler : function(_9a9) {
    $(_9a9).combo('setValue', '').combo('setText', '');
    $(this).closest("div.combo-panel").panel("close");
 } }

说明:添加元素对象的位置决定了按钮的顺序

效果图:为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js

为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js

为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js的更多相关文章

  1. 给easyui datebox时间框控件扩展一个清空的实例

    给easyui datebox扩展一个清空的实例 步骤一:拓展插件 /** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; ( ...

  2. UIStepper步进器 ——事件驱动型控件,(一个+和-按钮的)

    - (void)viewDidLoad {    [super viewDidLoad];        //步进器 固定的size (94*27), 事件驱动型控件    UIStepper *st ...

  3. ASP.NET 使用My97DatePicker日期控件

    首先要下载该控件的包,下载地址:http://pan.baidu.com/s/1Aa5gk 引用文件 <script src="js/My97DatePicker/WdatePicke ...

  4. (三十三)c&num;Winform自定义控件-日期控件

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...

  5. Bootstrap中datetimepicker日期控件1899年问题解决

    Bootstrap中datetimepicker日期控件1899年问题解决 最近在开发项目的过程中,遇到一个很尴尬的问题.我们项目一直采用的是angular+bootstrap,日期控件用的是boot ...

  6. 日期控件datepicker的使用

    引入JS: <script type="text/javascript" src="static/my/js/bootstrap-datepicker.min.js ...

  7. Android 5&period;0新控件——FloatingActionButton(悬浮按钮)

    Android 5.0新控件--FloatingActionButton(悬浮按钮) FloatingActionButton是5.0以后的新控件,一个悬浮按钮,之所以叫做悬浮按钮,主要是因为自带阴影 ...

  8. 关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题

    项目里有些不同页面间的日期显示格式是不同的, 第一个问题: 比如我用日期控件WdatePicker.js导包后只需在input标签里加上onClick="WdatePicker()&quot ...

  9. DataGrid的列上添加日期控件

    今天的使用EasyUI datagrid的时候,遇到了如下问题,如下图:

随机推荐

  1. LINUX运维实战案例之文件已删除但空间不释放问题的分析与解决办法

    1.错误现象 运维的监控系统发来通知,报告一台服务器空间满了,登陆服务器查看,根分区确实没有空间了,如下图所示: 这里首先说明一下服务器的一些删除策略,由于Linux没有回收站功能,我们的线上服务器所 ...

  2. linuxMint install shuruma

    http://my.oschina.net/u/1446273/blog/306053 http://blog.sina.com.cn/s/blog_5d406a1b0101jlgn.html htt ...

  3. The declared package does not match the expected package

    The declared package does not match the expected package. 1.选中项目右击选择Build Path-->再选择Configure Bui ...

  4. oracle对象类型

    Oracle的对象类型 对象类型 在PL/SQL中,面向对象的程序设计师基于对象类型来完成的.对象类型是用户自定义的一种复合数据类型,它封装了数据结构和用于操纵这些数据结构的过程和函数. 数据库的对象 ...

  5. c语言,全局变量,局部变量,外部函数,内部函数,stasic和extern的复习总结

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  6. Python成长之路 — 字典

    一.字典的定义与创建 字典是Python中唯一内建的映射类型.你可以将其想象成书本的目录,章节名称代表"key",页码则代表"value".书本的目录本质上是也 ...

  7. 使用jQuery增加或删除元素&lpar;内容&rpar;

    使用jQuery增加或删除元素(内容):一.jQuery添加元素或内容:1,append() 方法:在被选元素的结尾插入元素或内容 2,prepend() 方法:被选元素的开头插入元素或内容. 3,a ...

  8. SQL使用总结

    本文为转载:对于SQL的学习与使用,推荐大家去这儿,讲的很系统: http://www.w3school.com.cn/sql/index.asp 练习SQL的使用,推荐大家去这里: https:// ...

  9. scala中的isInstanceOf和asInstanceOf

    如果实例化了子类的对象,但是将其赋予了父类类型的变量, 在后续的过程中,又需要将父类类型的变量转换为子类类型的变量,应该如何做? Ø  首先,需要使用isInstanceOf 判断对象是否为指定类的对 ...

  10. C&num; 获取机器码

    using System.Runtime.InteropServices; using System.Management; using System; public class HardwareIn ...