日期选择和显示的下拉菜单JS代码问题
请教各位达人,现在有如下的JS代码和其在HTML中调用,该代码为日期选择的下拉菜单,运行后自动显示当前系统日期,请问如何修改能使它打开后不要显示当前日期但仍能进行选择啊,并能正确列出每个月的天数呢?菜鸟一只,万分感谢~
<script type="text/javascript">
function createSelect(ActionFlag) {
var selYear = document.getElementById("tYEAR");
var selMonth = document.getElementById("tMON");
var selDay = document.getElementById("tDAY");
var dt = new Date();
if(ActionFlag == 1) {
MaxYear = dt.getFullYear();
MinYear = dt.getFullYear()-40;
for(var i = MaxYear; i >= MinYear; i--) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selYear.appendChild(op);
}
selYear.selectedIndex = 0;
for(var i = 1; i < 13; i++) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selMonth.appendChild(op);
}
selMonth.selectedIndex = dt.getMonth();
}
var date = new Date(selYear.value, selMonth.value, 0);
var daysInMonth = date.getDate();
selDay.options.length = 0;
for(var i = 1; i <= daysInMonth ; i++) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selDay.appendChild(op);
}
//alert();
selDay.selectedIndex = dt.getDate() - 1;
}
</script>
<td>
<select id="tYEAR" size="1" onChange="createSelect()"></select>
<select id="tMON" size="1" onChange="createSelect();"></select>
<select id="tDAY" size="1" ></select>
<script type="text/javascript">createSelect(1);</script> </td>
</tr>
<script type="text/javascript">
function createSelect(ActionFlag) {
var selYear = document.getElementById("tYEAR");
var selMonth = document.getElementById("tMON");
var selDay = document.getElementById("tDAY");
var dt = new Date();
if(ActionFlag == 1) {
MaxYear = dt.getFullYear();
MinYear = dt.getFullYear()-40;
for(var i = MaxYear; i >= MinYear; i--) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selYear.appendChild(op);
}
selYear.selectedIndex = 0;
for(var i = 1; i < 13; i++) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selMonth.appendChild(op);
}
selMonth.selectedIndex = dt.getMonth();
}
var date = new Date(selYear.value, selMonth.value, 0);
var daysInMonth = date.getDate();
selDay.options.length = 0;
for(var i = 1; i <= daysInMonth ; i++) {
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
selDay.appendChild(op);
}
//alert();
selDay.selectedIndex = dt.getDate() - 1;
}
</script>
<td>
<select id="tYEAR" size="1" onChange="createSelect()"></select>
<select id="tMON" size="1" onChange="createSelect();"></select>
<select id="tDAY" size="1" ></select>
<script type="text/javascript">createSelect(1);</script> </td>
</tr>
...全文
相关推荐
JavaScript生成的日期组件
NULL 博文链接:https://gcguchao8888-sina-com.iteye.com/blog/426407
JavaScript实现日期选择下拉菜单
为了提供用户友好的日期选择体验,我们可以使用JavaScript来实现一个日期选择下拉菜单。这样,用户选择日期后,我们就可以执行相应的操作了。接着,我们使用一个循环来生成日期选项,将日期的值和文本分别设置为。接下来,我们使用JavaScript来动态生成日期选项,并将其添加到下拉菜单中。最后,我们需要监听下拉菜单的变化事件,并在选择日期后执行相应的操作。首先,我们需要创建一个HTML表单元素,用于显示日期选择下拉菜单。在上面的代码中,我们首先获取日期选择下拉菜单的元素,然后使用。在上面的代码中,我们使用。
生日日期选择器.rar
生日日期选择器
jQuery日期选择器控件
非常实用的简约风格日期选择控件,已经经过UI美化,提供了各类日期相关的接口方便调用。
jquery时间和日期选择器的DEMO
个人存储的,关于JQuery的时间选择的代码和JS文件


