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 相关文章推荐
JS高级拖动技术 setCapture,releaseCapture
Jul 31 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
详解extract-text-webpack-plugin 的使用及安装
Jun 12 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
手写实现JS中的new
Nov 07 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
用libTemplate实现静态网页的生成
2006/10/09 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
Vue.js快速入门教程
2016/09/07 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
Node.js实现简单管理系统
2019/09/23 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
高二生物教学反思
2014/01/27 职场文书
采购类个人求职的自我评价
2014/02/18 职场文书
白酒市场营销方案
2014/02/25 职场文书
委托书怎么写
2014/07/31 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
学校运动会加油词
2015/07/18 职场文书
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技