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 相关文章推荐
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
JavaScript 类的封装操作示例详解
May 16 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
解决vant-UI库修改样式无效的问题
Nov 03 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计算几分钟前、几小时前、几天前的几个函数、类分享
2014/04/09 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
script标签的 charset 属性使用说明
2010/12/04 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
vue params、query传参使用详解
2017/09/12 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
工会换届选举方案
2014/05/21 职场文书
事业单位个人总结
2015/02/12 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书
css3新特性的应用示例分析
2022/03/16 HTML / CSS