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: 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);

 

时间: 2024-11-09 00:42:34

jquery 时间timeselect 插件的相关文章

跪求 jquery时间轴插件

问题描述 跪求 jquery时间轴插件 360跪求...谁知道有哪些时间轴可以做出这种效果的,谢谢了 解决方案 maybe echarts? 解决方案二: 不是.你说的那个是图形化插件,我要是的时间轴(就是下面一行时间,然后上面显示做的事情) 解决方案三: http://www.oschina.net/news/60906/jquery-timeline%20-plugins http://www.17sucai.com/pins/6558.html

jQuery时间轴插件使用详解_jquery

这个时间轴是工作上用到的,自己写了一个, qq空间有时间轴的控件, 百度文库也有时间轴的控件: 百度的时间轴大概是这样的: 用户点击对应的锚链接,  那个三角会滚动, 然后左侧的界面也会滚动: 实际的效果如下图,用户点击左侧的按钮或者右侧的input,滚动条都会主动滚动, 这里有个小技巧就是用after和before伪类生成三角形, 用户点击按钮的滚动效果直接用jq的animate方法: <!-- //设置内容; window.onWebMessage( '{"type":&qu

Jquery时间轴特效(三种不同类型)_jquery

jquery三种不同类型时间轴切换展示幻灯特效,先给大家展示效果图,喜欢的朋友可以下载源码哦. 查看效果       源码下载 文件引用: <script type="text/javascript" src="jquery.js"></script> <script src="jquery.timelinr-0.9.4.js" type="text/javascript"></scr

jQuery时间插件jquery.clock.js用法实例(5个示例)_jquery

本文实例讲述了jQuery时间插件jquery.clock.js用法.分享给大家供大家参考,具体如下: Example 1: Basic clock, no options <html> <head> <title>jclock</title> <mce:script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2

手把手教你用jQuery做动画插件

CSS样式属性动画 我们现在有很多的动画方法,滑动.淡出淡入.还有其他的显示隐藏动画,但是我们对于精确的控制动画以及动画到底怎么发生的还不太了解.我们这就来介绍一个非常强大的jQuery函数,animate,这个方法可以让你对任何的CSS属性做动画的效果.我们看看代码: $("p").animate({        padding:"20px",        fontSize:"30px"  },2000)  这段代码会动画操作所有的,将他们

jquery.messager.js插件导致页面抖动的解决方法

这盘文章介绍了jquery.messager.js插件导致页面抖动的解决方法,有需要的朋友可以参考一下   消息弹出时页面总是抖动或者闪一下,找了很长时间没有找到原因,今天找到,原来是html没有声明解析规范 需要加上<!DOCTYPE> 标签 复制代码 代码如下: PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

jQuery.Hz2Py.js插件实现的汉字转拼音是一款很实用的在线转换功能,此插件已经把汉字打包成一个插件库,调用的时间很简单,只调用一个方法就可以实现转换了 可以实现基于jQuery实现汉字转换成拼音代码.这是一款基于jQuery.Hz2Py.js插件实现的汉字转拼音特效.插件自行下载.使用方法如下(注意修改jq的引入路径). ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

jQuery固定元素插件scrolltofixed使用指南

  jQuery固定元素插件scrolltofixed使用指南          ScrollToFixed (jquery Fixed plugin)能够让网页的导航或表头等固定在顶部或底部,让用户更方便的操作或查看信息.除了导航和表头,也可以固定其他内容,比如广告.返回顶部等等. 这个插件在前段时间用过一次,当时是改一个网站.要求顶部的菜单栏随着滚动条的滚动而固定.也大体写了一下,不过在文章中也只是提了一下,文章地址:jQuery插件固定元素位置. 在这篇文章中,再进行总结一下. 一.scr

jQuery延迟加载图片插件Lazy Load使用指南

 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互.尤其是对于高清晰的图片,占了几百K的空间.那么我们如何才能改变这种状况呢,这就是今天我们要探讨的问题了.     Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片