mydate97时间插件集成jquery插件
1.初始化JS:
//把mydate97时间插件集成jquery插件
(function ($) {
$.fn.mydatePicker = function (options) {
return this.each(function (i, target) { var _fmt = $(target).data('fmt');
if (!_fmt) _fmt = 'yyyy-MM-dd';
var defaults = {
autoUpdateOnChanged: true,
autoPickDate: true,
isShowClear: true,
readOnly: true,
isShowOK: true,
dateFmt: _fmt,
ychanged: function () { },
Mchanged: function () { },
dchanged: function () { },
Hchanged: function () { },
schanged: function () { },
onSelected: function () { },
oncleared: function () { }
}; var optStr = $(target).data("options"), opt = {};
if (optStr)
opt = eval("({" + optStr + "})");
var opts = $.extend(defaults, opt, options);
opts.el = $(target).get(0); if ($(target).hasClass("ui-validatebox")) {
$(target).off("focus").on("focus", function (e) { if ($(target).attr("readonly")) {
setTimeout(function () {
$(target).trigger("mouseenter");
}, 200);
return;
}
var _d = $.data(e.target, "validatebox");
var _e = $(e.target);
_d.validating = true;
_d.value = undefined;
(function () {
if (_d.validating) {
if (_d.value != _e.val()) {
_d.value = _e.val();
if (_d.timer) {
clearTimeout(_d.timer);
}
_d.timer = setTimeout(function () {
$(e.target).validatebox("validate");
}, _d.options.delay);
} else {
//_f(e.target);
}
setTimeout(arguments.callee, 200);
}
})();
});
}
; opts.onpicked = opts.oncleared = function () {
if ($(target).hasClass("ui-validatebox"))
$(target).validatebox("validate");
opts.onSelected();
}; //WdatePicker.call(target, opts);
$(target).prop("readonly", opts.readOnly); //绑定
$(target).unbind("click").bind("click", function (e) {
e.preventDefault();
e.stopPropagation();
WdatePicker(opts);
}); })
}
})(jQuery);
$(document).ready(function () { $('.mydate').mydatePicker(); })
2.页面代码:
<label>报表类型:<input id="dayOrHour" class="textBox" name="p1" value=""></label>
<label>时间:<input type="text" id="time" class="mydate readonly full-text" style="width:240px;height:24px;"></label>
3.页面联动js:
$('#dayOrHour').combobox({
method: ajaxConfig.reqMtd,
url: pageConfig.json.reportType,
width: 130,
height: 32,
panelHeight: 100,
editable: false,
onSelect:function(record){
var $time= $("#time");
if (record.text == "日报"){
$time.clone().insertAfter($time[0]).mydatePicker({dateFmt: 'yyyy-MM-dd'});
$time.remove();
}
else {
$time.clone().insertAfter($time[0]).mydatePicker({dateFmt: 'yyyy-MM-dd HH'});
$time.remove();
}
}
});
效果如下图:
mydate97时间插件集成jquery插件的更多相关文章
- 小巧实用的数字加减插件(jquery插件)
2015-12-04 近期项目需要,我将插件更新了,增加了两个参数,一个参数控制文本框是否支持输入,另一个参数则是新增了一个回调函数,返回文本框内的值.另外对代码局部重构了,优化了一下封装,需要的朋友 ...
- bootstrapDialog插件集成datatables插件遇到的异常
最近项目中,涉及到很多细分领域的东西,有好些目前还没有详细的方案.这是后话,当前起步阶段,我要把握技术路线,搭建基础架构!其中,有好几个地方都用到模态框(Modal), 虽然Bootstrap框架里面 ...
- js插件大全 jquery插件大全
CocoaUI - 一个强大的 iOS UI 框架 http://www.cocoaui.com/ tab,slider,轮播不错的说 http://www.superslide2.com/index ...
- 【jQuery系列之插件】jquery插件之jquery-validation
equalTo方法: equalTo: function( value, element, param ) { // Bind to the blur event of the target in o ...
- 【jQuery系列之插件】jQuery插件---exselect实现联动
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
- JQuery插件之Jquery.datatables.js用法及api
1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk ...
- 常用在网站上的30个jQuery插件
jQuery插件是网页设计师最喜欢的.从图像滑块,图像画廊和导航插件,它们是如此众多,如此多样,如此惊人的和互动可以制作美化网站.在本文的在30个插件中,我认为必须在网站建设时用到.当然你现在可能不善 ...
- 40 个让你的网站更加友好的 jQuery 插件
一个插件的基本功能是执行一个含有元素集合的函数数组.每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass().一个jQuery插件是一个基本的可以扩充jQuery 原型对 ...
- 40个让你的网站屌到爆的jQuery插件
一 个插件的基本功能是执行一个含有元素集合的函数数组.每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass().一个 jQuery插件是一个基本的可以扩充jQuery 原 ...
随机推荐
- Socket INADDR_ANY详解
转载:http://hi.baidu.com/zorro_knight/item/37af9e8c9dc71253e73d1924 linux下的socket INADDR_ANY表示的是一个服务器上 ...
- Enterprise Library:Unity的几个注意事项
背景 在.Net平台中,几乎所有的Ioc容器在注册方面都不一致,使用Unity需要注意几个事项,咱们通过实验进行验证一下. 验证的内容: 集合的获取. 生命周期管理. 实验 代码 1 using Sy ...
- vim多行注释与取消
神操作 在vim中编写代码,常常会遇到多行注释和取消注释的情况,在VS中我们可以用默认的快捷键或者在设置中自定义快捷键来解决这个问题. vim既然这么强大,必然也是有快捷键来完成的.下面给出具体步骤: ...
- PHP 输出数据库中文是问号
- C++ Primer 学习笔记_91_用于大型程序的工具 --命名空间
用于大型程序的工具 --命名空间 引言: 在一个给定作用域中定义的每一个名字在该作用域中必须是唯一的,对庞大.复杂的应用程序而言,这个要求可能难以满足.这样的应用程序的全局作用域中一般有很多名字定义. ...
- OpenShift 容器日志和应用日志分离问题
一般来说应用日志和容器日志一样输出到console,这样oc logs的时候就能把所有的获取到,但这种模式下输出的日志比较多,问题定位不方便,更多的时候开发人员只想通过应用日志来查看定位问题就够了,所 ...
- 【转载】惠新宸:PHP在百度的应用现状及展望
http://blog.sina.com.cn/s/blog_645f8e970100qvd8.html 惠新宸,百度PHP高级顾问,年二十有八,好追根究底,有不良嗜好, 幸性本善.乙酉年识互联网,丁 ...
- 织梦(DEDE)CMS V5.3 覆盖任意变量导致远程包含漏洞
漏洞版本: 织梦(DEDE)CMS V5.3 漏洞描述: 织梦内容管理系统,最强大的中文开源CMS网站管理项目,使用PHP+MySQL架构. 在文件include/common.inc.php中: f ...
- sqlmap使用帮助文档(1)
当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数 2.判断可以用那种SQL注入技术来注入 3.识别出哪种数据库 4.根据用户选择,读取哪些数据 sqlmap支持五种不同的注入模式: ...
- JavaScript hash
location.hash -- 返回URL#后面的内容,如果没有#,返回空 hash,中文"哈希" 引用网址:http://www.dreamdu.com/javascript/ ...