easyui时间控件设置为可清空——jquery-easyui-1.3.3(这个版本还没有buttons,网上的好多博文都是1.3.5之后的版本)

效果图:

更改的源码jquery.easyui.min.js 11358行:

var _858=$("<div class=\"datebox-button\"></div>").appendTo(_856);
$("<a href=\"javascript:void(0)\" class=\"datebox-current\"></a>").html(opts.currentText).appendTo(_858);
$("<a href=\"javascript:void(0)\" class=\"datebox-clean\"></a>").html(opts.cleanText).appendTo(_858);
$("<a href=\"javascript:void(0)\" class=\"datebox-close\"></a>").html(opts.closeText).appendTo(_858);
_858.find(".datebox-current,.datebox-clean,.datebox-close").hover(function(){
$(this).addClass("datebox-button-hover");
},function(){
$(this).removeClass("datebox-button-hover");
});
_858.find(".datebox-current").click(function(){
_854.calendar.calendar({year:new Date().getFullYear(),month:new Date().getMonth()+1,current:new Date()});
});
_858.find(".datebox-clean").click(function(){    //clean——新增清空
$(_853).combo(‘setText‘,‘‘);
$(_853).combo(‘setValue‘,‘‘);
$(_853).combo("hidePanel");
});
_858.find(".datebox-close").click(function(){
$(_853).combo("hidePanel");
});
};
};

jquery.easyui.min.js 11441行:

}},currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok",formatter:function(date){

更改easyui-lang-zh_CN.js,41行增加:$.fn.datebox.defaults.cleanText = ‘清空‘;

完成。

原文地址:https://www.cnblogs.com/tldxh/p/9025363.html

时间: 2024-10-18 07:53:57

easyui时间控件设置为可清空——jquery-easyui-1.3.3(这个版本还没有buttons,网上的好多博文都是1.3.5之后的版本)的相关文章

Jquery获取EasyUI时间控件的值

jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法 jquery easyui 日期框 有这样的一个日期文本框: <input type="text" name="mdate" size="20" value="" id="mdate" class="easyui-datebox"/> 使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中

easyUI 日历控件 -- 设置背景提示

再用easyui的时候,发现easyui的input标签不支持h5的placeholder 解决办法: 当页面加载完毕的时候,将easyui生成的input标签的placeholder重新设置 =========================== $(".easyui-datebox").each(function(i){ var span = $(this).siblings("span")[i]; var targetInput = $(span).find(

jquery 时间控件怎么能禁止输入只能选择日期?

jsp一个input输入框用的是easyui时间控件,现在问题是如何是这个input只能点击选择日期,而禁止手动输入 解决方法::: 在日期的input标签里面添加::::editable="false" 如: <form:input path="rechargeDateStart" style="width:150px" class="easyui-datetimebox"  format="yyyy-MM-

rf对时间控件的操作

1.如何去掉readonly属性 前端对于时间控件的设置,有时是为了限制用户不能进行手动输入方式进行选择时间,避免在手动输入的时候超限或者输入格式不正确,导致一些不必要的验证麻烦,这是前端开发工程师就会在前端代码中加入readonly属性,但是对于手动测试来说的话,这种只能进行点击控件进行选择时间,而对于自动测试来说,这样的方式可能是行不通,因为这个需要认证时间控件的有效性很多个选择,自动化变得更加麻烦, 是不是就没有办法进行了呢?答案是否点的,例如: 那该怎么进行设置呢?这个是前人踩过的坑,后

[转]easyui常用控件及样式API中文收藏

[转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报 分类: java ee(5) 目录(?)[+] CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.true[是] false[否] 2)       shadow:是否显示窗口阴影.true[显示] false[不显示] div easyui

倒计时时间控件

在做一些电商或购物的app时,我们经常会看到倒计时抢购的标示,今天恰有时间把项目中用到的该控件提取出来,有需要的可以参考下 ====================================================================================================== 版权所有,如需转载请标明出处:http://blog.csdn.net/you4580 =========================================

jquery-ui日期时间控件实现

日期控件和时间控件为独立控件,日期时间控件要同一时候导入日期控件和时间控件的js,然后在日期控件加入时间控件显示參数,没有导入时间控件js.日期控件函数设置的时间控件參将包错 日期控件官网网址:http://jqueryui.com/ 日期控件js:jquery-ui.js 相应函数及默认属性设置:function Datepicker() 时间控件官网网址:http://plugins.jquery.com/jt.timepicker/ 时间控件js:jquery-ui-timepicker-

从零开始学_JavaScript_系列(九)——dojo(2)(AJAX、时间控件、鼠标事件、样式修改、事件移除、消息发布订阅)

(21)和(22)写的不好,跳过. (23)AJAX异步加载 插件:dojo/request 参数:request 语法(get): request.get(URL).then(成功回调函数,失败回调函数); 第一个回调函数是成功的,参数用response:(也可以用其他的) 第二个回调函数是失败的,参数用error:(也可以用其他的) 注: ①读取本地比较简单,直接填写本地的url即可: ②如果读取服务器端(比如数据库),那么需要相应的支持,例如python脚本等(我自己目前对python.和

My97DatePicker时间控件

之前一直使用easyui控件无法实现只显示yyyy年MM月格式或者显示yyyyMM格式.相比My97DatePicker时间控件更为强大些. 只要在页面引用如下脚本,WdatePicker.js内部会引用其它js. <script type="text/javascript" src="<%=root%>/Common/My97DatePicker/WdatePicker.js"></script> 然后在input中编写oncl