jquery 时间timeselect 插件-阿里云开发者社区

开发者社区> 风来了> 正文

jquery 时间timeselect 插件

简介: /*! * jQuery 1.4.2/1.5.1 timeselect zichenxing,version 1.0.0 * zichenxing77@163.com ,2011-5-11 * http://blog.csdn.net/wljk506 * Copyright 2011 */(function($) { $.fn.extend({ timeselect:
+关注继续查看

/*! * jQuery 1.4.2/1.5.1 timeselect zichenxing,version 1.0.0 * zichenxing77@163.com ,2011-5-11 * http://blog.csdn.net/wljk506 * Copyright 2011 */(function($) { $.fn.extend({ timeselect: function(options) { var defaults = { // set hours hourid: 'hourid', //ID hourMode: 24, //小时12/24 hourInterval: 1, //间隔 hourDefaultValue: 0, //默认 // set minutes minid: 'minid', //id minLength: 60, //分钟60 minInterval: 1, //间隔 minDefaultValue: 0, //默认inputid:null, //inputiddateid:null, //日期IDdateformat:'H:i' //输出格式Y-m-d H:i或H:i 日期如果不存在默认H:i }; var options = $.extend(defaults, options); return this.each(function() { var o = options; var $this = $(this); var html = Array();var input=$('#'+o.inputid).val();var time='';var date='';if(input&&input.length>0){if(//s/.test(input)){//检测是否是日期+时间格式[2011-05-11 08:10]date=input.replace(//s.*$/,'');//日期time=input.replace(/^.*/s/,'');//时间}else{var re=/^[0-2][0-9]:[0-5][0-9]$/;if(re.test(input)){time=input;}else{return;}}}o.hourDefaultValue=time.replace(/:.*$/,'');o.minDefaultValue=time.replace(/^[0-2][0-9]:/,''); html.push($this.createSel(o.hourid, o.hourMode, o.hourInterval, o.hourDefaultValue)); html.push($this.createSel(o.minid, o.minLength, o.minInterval, o.minDefaultValue)); $this.html(html.join(''));$('#'+this.id+' select.'+o.hourid).change(function(){o.hourDefaultValue=this.value;$this.set(o,date);});$('#'+this.id+' select.'+o.minid).change(function(){o.minDefaultValue=this.value;$this.set(o,date);}); }); } }); $.fn.createSel = function(id, length, interval, defValue) { var h = Array();h.push('<select class="' + id + '" id="' + id + '" name="' + id + '">'); for(i = 0; i < length; i += interval) {var t=i < 10 ? '0' + i : i; h.push('<option value="' + t + '"' + (i == defValue ? ' selected="selected"' : '') + '>' + t + '</option>'); } h.push("</select>"); return h.join(''); }$.fn.set = function(o,d) {var time=o.hourDefaultValue+':'+o.minDefaultValue;if(o.dateformat=='Y-m-d H:i'&&d.length>0){time=d+' '+time;}$('#'+o.inputid).val(time); }})(jQuery);

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
4056 0
用R分析时间序列(time series)数据
用R分析时间序列(time series)数据 时间序列(time series)是一系列有序的数据。通常是等时间间隔的采样数据。如果不是等间隔,则一般会标注每个数据点的时间刻度。  下面以time series 普遍使用的数据 airline passenger为例。 这是十一年的每月乘客数量,单位是千人次。 如果想尝试其他的数据集,可以访问这里:  https:
3569 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
5723 0
解决DWR CS5安装html5插件提示:没有签名,不能安装的问题
从昨天晚上到今天早上,下载了好几个有关html5插件的ZXP文件,但是安装的时候总是提示,没有签名,不能安装该扩展,很是纠结啊,后来也是看到需要将DWR cs5更新一下,于是就去了官网下了一个更新程序AdobeDreamweaver-11-0-All-Update.zip,把DWR cs5更新之后,再次打开的时候,就会自动安装这个更新插件,同时也附带的有html5的功能,就解决了这个问题。
738 0
16款最佳的 jQuery Time Picker 时间选择插件
  jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站。网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件。 在这里,我们收集了最好的一组 jQuery 时间选择器插件列表分享给大家。
1285 0
+关注
222
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载