js控制日期下拉列表
来源:互联网 发布:云警报警主机编程 编辑:程序博客网 时间:2024/05/29 01:55
日期下拉框:
分享下,逻辑不是很难,但是在写的时候遇到了一些问题,比如说没转化为year下拉框取到的值没有转化为int型,还有就是for循环竟然少了判断条件(我服)导致系统崩溃【当做一个教训吧,下次可以作为类似情况debug需要注意的一个要点】
<script type="text/javascript">
$(document).ready(function () {
change_1();
});
</script>
在使用jQuery之前需要引入jQuery库
<script type="text/javascript">
function change_1() {
$("#selDay_1").empty();
var year= parseInt($("#selYear_1").val());
var month= parseInt($("#selMonth_1").val());
var str= "";
for (var i= 1; i<= getDayNumber(year, month) ; i++) {
str += "<option>" + i+ "</option>";
}
$("#selDay_1").append(str);
}
function getDayNumber(year, month) {
var days= [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
if (2 == month&& 0 == (year% 4) && (0 != (year% 100) || 0 == (year% 400))) {
days[1] = 29;
}
return(days[month- 1]);
}
</script>
<select id="selYear_1" name="UtilityYear" onchange="change_1()">
<option>2014</option>
<option>2015</option>
<option>2016</option>
</select>
<select id="selMonth_1" name="UtilityMonth" onchange="change_1()">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select id="selDay_1" name="UtilityDay">
@*<option>1</option>
<option>2</option>*@
</select>
- js控制日期下拉列表
- JS实现控制月末日期的下拉列表
- js控制下拉列表框
- js控制select下拉列表数据绑定
- js控制、获取复选框、下拉列表的信息
- JQuery控制下拉列表
- jquery 控制下拉列表
- JS实现下拉列表显示当前日期到之前半年的所有日期
- JS操作下拉列表
- JS操作下拉列表
- JS 搜索 --下拉列表
- js操作下拉列表
- js添加下拉列表
- Js下拉列表操作
- js下拉列表框
- JS级联下拉列表
- js下拉列表
- JavaScript 控制 Select 下拉列表
- app点击icon重启问题
- led
- Android群英传——第九章使用PackageManager获取应用包信息
- SLua在Unity5.4发布Android时报错
- 最长公共子序列
- js控制日期下拉列表
- PHP下载功能的实现和获得当前目录
- Java多线程(一)、多线程的基本概念和使用
- centos 163源
- java详解斐波那契数列
- C++学习日记
- AsyncTask函数化的封装,AsyncTask函数式的调用
- 51Nod 1082 与7无关的数
- 调整数组使奇数全部都位于偶数前面