某次做项目要实现一个功能:
按星期选择一个连续的时间范围 比如:周一到周五,周六到周日 或 周六到周三
聪明的朋友马上想出办法:用两个选项为周一到周日的下拉列表实现,对 那样可以,但是我觉得不够友好,
所以利用业余时间写下了这个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>
运行结果:
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
- JavaScript enum枚举类型定义及使用方法
- Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
- javascript实现Emrips反质数枚举的示例代码
- JSP 中Hibernate实现映射枚举类型
- JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
- JS 对象属性相关(检查属性、枚举属性等)
- 深入剖析JavaScript中的枚举功能
- javascript模拟枚举的简单实例