服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - JQuery设置时间段下拉选择实例

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

2021-06-11 16:47jQuery教程网 JavaScript

这篇文章主要介绍了JQuery设置时间段下拉选择的实现方法,实例分析了根据时间段设置下拉选项的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

延伸 · 阅读

精彩推荐