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

相关文章

Java日期类详解(最新推荐)

《Java日期类详解(最新推荐)》早期版本主要使用java.util.Date、java.util.Calendar等类,Java8及以后引入了新的日期和时间API(JSR310),包含在ja... 目录旧的日期时间API新的日期时间 API(Java 8+)获取时间戳时间计算与其他日期时间类型的转换Dur

WinForms中主要控件的详细使用教程

《WinForms中主要控件的详细使用教程》WinForms(WindowsForms)是Microsoft提供的用于构建Windows桌面应用程序的框架,它提供了丰富的控件集合,可以满足各种UI设计... 目录一、基础控件1. Button (按钮)2. Label (标签)3. TextBox (文本框

Python日期和时间完全指南与实战

《Python日期和时间完全指南与实战》在软件开发领域,‌日期时间处理‌是贯穿系统设计全生命周期的重要基础能力,本文将深入解析Python日期时间的‌七大核心模块‌,通过‌企业级代码案例‌揭示最佳实践... 目录一、背景与核心价值二、核心模块详解与实战2.1 datetime模块四剑客2.2 时区处理黄金法

Java进行日期解析与格式化的实现代码

《Java进行日期解析与格式化的实现代码》使用Java搭配ApacheCommonsLang3和Natty库,可以实现灵活高效的日期解析与格式化,本文将通过相关示例为大家讲讲具体的实践操作,需要的可以... 目录一、背景二、依赖介绍1. Apache Commons Lang32. Natty三、核心实现代

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息

pandas中位数填充空值的实现示例

《pandas中位数填充空值的实现示例》中位数填充是一种简单而有效的方法,用于填充数据集中缺失的值,本文就来介绍一下pandas中位数填充空值的实现,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是中位数填充?为什么选择中位数填充?示例数据结果分析完整代码总结在数据分析和机器学习过程中,处理缺失数

Pandas统计每行数据中的空值的方法示例

《Pandas统计每行数据中的空值的方法示例》处理缺失数据(NaN值)是一个非常常见的问题,本文主要介绍了Pandas统计每行数据中的空值的方法示例,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是空值?为什么要统计空值?准备工作创建示例数据统计每行空值数量进一步分析www.chinasem.cn处

Java实现优雅日期处理的方案详解

《Java实现优雅日期处理的方案详解》在我们的日常工作中,需要经常处理各种格式,各种类似的的日期或者时间,下面我们就来看看如何使用java处理这样的日期问题吧,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言一、日期的坑1.1 日期格式化陷阱1.2 时区转换二、优雅方案的进阶之路2.1 线程安全重构2

Qt中QGroupBox控件的实现

《Qt中QGroupBox控件的实现》QGroupBox是Qt框架中一个非常有用的控件,它主要用于组织和管理一组相关的控件,本文主要介绍了Qt中QGroupBox控件的实现,具有一定的参考价值,感兴趣... 目录引言一、基本属性二、常用方法2.1 构造函数 2.2 设置标题2.3 设置复选框模式2.4 是否

Qt中QUndoView控件的具体使用

《Qt中QUndoView控件的具体使用》QUndoView是Qt框架中用于可视化显示QUndoStack内容的控件,本文主要介绍了Qt中QUndoView控件的具体使用,具有一定的参考价值,感兴趣的... 目录引言一、QUndoView 的用途二、工作原理三、 如何与 QUnDOStack 配合使用四、自