easyui 日期控件清空值

2024-04-11 00:18
文章标签 控件 日期 easyui 空值

本文主要是介绍easyui 日期控件清空值,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近用了Easyui的日期控件datebox,项目中要将选中值清空,于是就研究了一下。


     1,调用方法清空

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. $('#yourId').combo('setText','');  
   

     2,更改js文件

     从官网下载的源文件中,datebox控件界面只有‘Today’,‘Close’事件,我们可以把清空选项值的事件添加到js中去,这样,只要引用了datebox这个控件,界面上就会有清空选项。具体修改步骤如下:

     首先在官网上下载jQuery.easyui.min.js文件。

     在js文件中找到Today Close事件定义的地方,并添加Clean事件的定义。

   

     源文件说明:

    

    将源文件12733--12742行文件替换为:


  代码:

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. }},currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok",buttons:[{text:function(_985){  
  2. return $(_985).datebox("options").currentText;  
  3. },handler:function(_986){  
  4. $(_986).datebox("calendar").calendar({year:new Date().getFullYear(),month:new Date().getMonth()+1,current:new Date()});  
  5. _975(_986);  
  6. }},{text:function(_987){  
  7. return $(_987).datebox("options").closeText;  
  8. },handler:function(_988){  
  9. $(this).closest("div.combo-panel").panel("close");  
  10. }},{ text : function(_989) {  
  11.   
  12. return $(_989).datebox("options").cleanText;  
  13.   
  14. },handler : function(_990) {  
  15.   
  16. $(_990).combo('setValue''').combo('setText''');  
  17.   
  18. $(this).closest("div.combo-panel").panel("close");  
  19.   
  20. }}],formatter:function(date){  

    界面效果如下:



    3,中文js更改

    上面我们把源js改好了,只不过界面显示的是英文,如果用了中文包的话,还需要更改easyui-lang-zh_CN.js

    在js文件中找到‘今天’ ‘关闭 ’事件定义的地方,并添加‘清空’

 

    代码:

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. $.fn.datebox.defaults.currentText = '今天';  
  2. $.fn.datebox.defaults.closeText = '关闭';  
  3. $.fn.datebox.defaults.cleanText = '清空';  
    


   修改事件:

             
    代码:

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. if ($.fn.datetimebox && $.fn.datebox){  
  2.     $.extend($.fn.datetimebox.defaults,{  
  3.         cleanText: $.fn.datebox.defaults.cleanText,  
  4.         currentText: $.fn.datebox.defaults.currentText,  
  5.         closeText: $.fn.datebox.defaults.closeText,  
  6.         okText: $.fn.datebox.defaults.okText,  
  7.         missingMessage: $.fn.datebox.defaults.missingMessage  
  8.     });  

这篇关于easyui 日期控件清空值的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/892561

相关文章

easyui同时验证账户格式和ajax是否存在

accountName: {validator: function (value, param) {if (!/^[a-zA-Z][a-zA-Z0-9_]{3,15}$/i.test(value)) {$.fn.validatebox.defaults.rules.accountName.message = '账户名称不合法(字母开头,允许4-16字节,允许字母数字下划线)';return fal

easyui 验证下拉菜单select

validatebox.js中添加以下方法: selectRequired: {validator: function (value) {if (value == "" || value.indexOf('请选择') >= 0 || value.indexOf('全部') >= 0) {return false;}else {return true;}},message: '该下拉框为必选项'}

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器

javaScript日期相加减例子

当前时间加上2天 var d = new Date(“2015-7-31”); d.setDate(d.getDate()+2); var addTwo=d.getFullYear()+”年”+(d.getMonth()+1)+”月”+d.getDate()+”日”; “控制台输出===============”+”当前日期加2天:”+addTwo; 使用这种方法,月份也会给你计算.

小程序button控件上下边框的显示和隐藏

问题 想使用button自带的loading图标功能,但又不需要button显示边框线 button控件有一条淡灰色的边框,在控件上了样式 border:none; 无法让button边框隐藏 代码如下: <button class="btn">.btn{border:none; /*一般使用这个就是可以去掉边框了*/} 解决方案 发现button控件有一个伪元素(::after

MFC中Spin Control控件使用,同时数据在Edit Control中显示

实现mfc spin control 上下滚动,只需捕捉spin control 的 UDN_DELTAPOD 消息,如下:  OnDeltaposSpin1(NMHDR *pNMHDR, LRESULT *pResult) {  LPNMUPDOWN pNMUpDown = reinterpret_cast(pNMHDR);  // TODO: 在此添加控件通知处理程序代码    if

linux下修改系统日期与时间

cp /usr/share/zoneinfo/Asia/Shanghai  /etc/localtime

MFC 控件重绘(2) NM_CUSTOMDRAW, WM_DRAWITEM, 虚函数DrawItem

控件重绘有三种方法: 1 设定界面属性 2 利用Windows的消息机制,通过Windows消息映射(Message Mapping)和反映射(Message Reflecting),在合适的时机修改控件的状态和行为。此方式涉及NM_CUSTOMDRAW和WM_DRAWITEM 3 利用虚函数机制,重载虚函数。即DrawItem虚函数。 对于NM_CUSTOMDRAW,某些支持此消息的控件

时间日期与时间戳转换(Linux C)

本文主要学习三个知识点,第一是UTC时间、GMT时间的概念;第二是在Unix环境下UTC时间与时间戳的转换;第三是在C语言中如何修改时区。 本文参考了《UNP》以及 http://blog.csdn.net/foxir/article/details/43916601 http://blog.csdn.net/ljafl9988/article/details/16847935 一、

Java中计算两个日期间隔多少天

String dbtime1 = "2017-02-23";  //第二个日期 String dbtime2 = "2017-02-22";  //第一个日期 //算两个日期间隔多少天 SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd"); Date date1 = format.parse(dbtime1); Date dat