AI智能
改变未来

JavaScript枚举选择jquery插件代码实例

某次做项目要实现一个功能:

按星期选择一个连续的时间范围 比如:周一到周五,周六到周日 或 周六到周三

聪明的朋友马上想出办法:用两个选项为周一到周日的下拉列表实现,对 那样可以,但是我觉得不够友好,

所以利用业余时间写下了这个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模拟枚举的简单实例
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JavaScript枚举选择jquery插件代码实例