JQuery设置时间段下拉选择实例


Posted in Javascript onDecember 30, 2014

本文实例讲述了JQuery设置时间段下拉选择的方法。分享给大家供大家参考。

具体实现方法如下:

$(document).ready(function() {

 var arrT = [];

 var tt = "{0}:{1}";

 for (var i = 0; i < 24; i++) {

     arrT.push({ text: StrFormat(tt, [i >= 10 ? i : "0" + i, "00"]) }, { text: StrFormat(tt, [i >= 10 ? i : "0" + i, "30"]) });

 }

 $("#START_TIME").dropdown({

     dropheight: 200,

     dropwidth: 60,

     selectedchange: function() { },

     items: arrT

 });

 $("#END_TIME").dropdown({

     dropheight: 200,

     dropwidth: 60,

     selectedchange: function() { },

     items: arrT

 });

}

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript的面向对象(二)
Nov 09 Javascript
js中格式化日期时间型数据函数代码
Nov 08 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
Vue.js在数组中插入重复数据的实现代码
Nov 17 Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 Javascript
js实现点赞效果
Mar 16 Javascript
jQuery中:hidden选择器用法实例
Dec 30 #Javascript
jQuery中:has选择器用法实例
Dec 30 #Javascript
jQuery中:empty选择器用法实例
Dec 30 #Javascript
jQuery中:contains选择器用法实例
Dec 30 #Javascript
解决ueditor jquery javascript 取值问题
Dec 30 #Javascript
jQuery中:focus选择器用法实例
Dec 30 #Javascript
JavaScript中的原型链prototype介绍
Dec 30 #Javascript
You might like
PHP Directory 函数的详解
2013/03/07 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
javascript 循环读取JSON数据的代码
2010/07/17 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
探索Vue.js component内容实现
2016/11/03 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
react开发教程之React 组件之间的通信方式
2017/08/12 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python中的多行注释文档编写风格汇总
2016/06/16 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
linux面试题参考答案(10)
2016/10/26 面试题
JAVA招聘远程笔试题
2015/07/23 面试题
电子信息毕业生自荐信
2013/11/16 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
锦旗赠语
2015/06/23 职场文书
赡养老人协议书范本
2015/08/06 职场文书