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中的同名标识符优先级
Dec 06 Javascript
js获取视频时长代码
Apr 10 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
Jan 02 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 Javascript
Vue2.0点击切换类名改变样式的方法
Aug 22 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
JavaScript中作用域链的概念及用途讲解
Aug 06 Javascript
用javascript实现倒计时效果
Feb 09 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
2006/10/09 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
微信小程序 闭包写法详细介绍
2016/12/14 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
用python生成1000个txt文件的方法
2018/10/25 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
pycharm 2019 最新激活方式(pycharm破解、激活)
2020/09/22 Python
学python需要去培训机构吗
2020/07/01 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
招标保密承诺书
2015/01/20 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
办公室管理规章制度
2015/08/04 职场文书
找规律教学反思
2016/02/23 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js
详解Java实践之建造者模式
2021/06/18 Java/Android
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript