添加YYYY, MM, DD下拉列表,用于在网页上选择日期
Add YYYY, MM, DD dropdown lists for selecting a date on a webpage
我想添加下拉式日期选择器,它根据所选的年份和月份重新填充日期列表。2008年2月有29天,4月有30天,6月有31天等等……我如何使用javascript做到这一点?
这可能有帮助
http://javascript.internet.com/forms/date-selection-form.html我建议使用
http://jqueryui.com/demos/datepicker/这是你要找的吗?
http://keith-wood.name/datepick.htmlHTML
<select name="" id="year">
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
</select>
<select name="" id="month">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">Novenmer</option>
<option value="11">December</option>
</select>
<select name="" id="day">
</select>
脚本<script>
$(document).ready(function(){
dpick('#year','#month','#day',1);
});
function dpick(year,month,day,td){
if(td==1){
var today = new Date();
$(year).val(today.getFullYear());
$(month).val(today.getMonth());
}
$(year).change(function(){
dpick(year,month,day);
});
$(month).change(function(){
dpick(year,month,day);
});
var month_val = $(month).val();
var i=0;
$(day).empty();
if(month_val=="1"){
if($(year).val()%4 == 0){
for(i=1;i<=29;i++){
$(day).append($("<option></option>").attr("value", i).text(i));
}
}else{
for(i=1;i<=28;i++){
$(day).append($("<option></option>").attr("value", i).text(i));
}
}
}
else if(month_val=="8" || month_val=="3" || month_val=="5" || month_val=="10"){
for(i=1;i<=30;i++){
$(day).append($("<option></option>").attr("value", i).text(i));
}
}
else{
for(i=1;i<=31;i++){
$(day).append($("<option></option>").attr("value", i).text(i));
}
}
if(td==1){
$(day).val(today.getDate());
}
}
</script>
相关文章:
- 如果用户选择离开网页,如何删除记录
- .val() 选择文本而不是值字符串,当网页动态编辑源 html
- 如何在iOS网页中设置选择
- 我可以'我无法让我的网页浏览JScript中选择列表中的trhorugh URL
- JQuery Selectors:如何选择网页上第二个表单的提交按钮
- 根据用户在asp.net网站中选择的弹出窗口使用JavaScript操作网页
- 如何根据从选择菜单中提供给用户的选项更改网页的背景颜色
- 播放框架:从下拉列表中选择值时更新网页
- 如何在不刷新页面的情况下将“HTML 选择值”发送到另一个使用 ajax 的网页
- 谷歌分析目标,用于选择网页上的文本
- 将网页上的文本选择限制为 HTML 元素级别
- 用于选择和上传安卓 4.4.2 库存浏览器文件的网页
- d3.选择不更新网页中的图表
- 在其他网页中将图表和选择框作为“小部件”包含在内
- 单击按钮并在网页中选择下拉项
- 表单选择直接到网页
- 允许用户在网页上显示的图像中动态选择像素框
- 使用AJAX通过HTML选择触发的JavaScript刷新网页
- 在网页中使用javascript中的cookie保存用户选择的背景图像
- 选择器后退按钮历史网页