时间:2021-05-26
某次做项目要实现一个功能:
按星期选择一个连续的时间范围 比如:周一到周五,周六到周日 或 周六到周三
聪明的朋友马上想出办法:用两个选项为周一到周日的下拉列表实现,对 那样可以,但是我觉得不够友好,
所以利用业余时间写下了这个jQuery小插件。
源码
用法: 鼠标点击开始/结束项(红色部分,可自定义)进行选择和取消选择
效果图: 周一到周五
周六到周日
周日到周三
<html><head><title>daybox测试</title><script type='text/javascript' src='jquery.min.js'></script><script type='text/javascript' src='easyui.daybox.js'></script></head><body><div id='aDayboxDiv'></div><script type='text/javascript'>$(function(){ $('#aDayboxDiv').daybox({ weeks: [{ text: '一', value: 2 }, { text: '二', value: 3 }, { text: '三', value: 4 }, { text: '四', value: 5 }, { text: '五', value: 6 }, { text: '六', value: 7 }, { text: '日', value: 1 }] }); $('#aDayboxDiv').daybox('setValue', 0, 2);});</script></body></html>运行结果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现的输入框选择时间插件用法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:jQuery实现的输入框选择时间插件msgti
复制代码代码如下:/*1.jQuery插件文件名推荐命名为jquery.[插件名].js以免和其他javascript库插件混淆。例如命名为jquery.col
jQuery为开发插件提拱了两个方法,分别是:JavaScript代码复制代码代码如下:jQuery.fn.extend(object);jQuery.exte
本文实例为大家分享了jquery插件实现轮播图的具体代码,供大家参考,具体内容如下轮播图的实现(jquery插件)需要引入jquery插件,去jquery官网搜
自制Jquery树形选择插件.对付各种树形选择(省市,分类..)90行Jquery代码搞定,少说废话直接上插件代码。稍后介绍使用说明。是之前写的一个插件的精简版