关于select控件，可能年月日三级联动的日期选择效果是最常见的应用了。本文是的实践，下面将对日期选择效果进行详细介绍
默认情况下，年、月、日分别由3个select控件组成，id分别为sel1，sel2，sel3。它们且所包含的option[0]的值，分别为'年'、'月'、'日'
年份范围为1900-2100，月份范围为1-12，天的范围为1-31
年份范围、月份范围是不变的。而天的范围根据实际日期的计算来改变其范围值
id为result的span元素储存最终选择的日期值及对应的星期值
由于数据太过庞大，所以使用javascript生成的方式生成结构
算法的实质就是确定某年某月到底有多少天，然后对多余的天数进行删除或者对少的天数进行添加
年分为闰年和平年，平年有365天，闰年有366天。闰年的2月比平年多一天
闰年的定义是(可被4整除)且((不可被100整除)或(可被400整除))的年份
口诀是：四年一闰，百年不闰，四百年再闰
一年有12个月，其中4、6、9、11月每月有30天；如果是闰年，2月有29天，否则 ，2月有28天。1、3、5、7、8、10、12月每月有31天
考虑特殊情况，如果先选择31日，再选择2月，则发生错误。所以，选择年份时，月份和天数自动置为默认值'月'和'日'，天数的范围重置为'31'
选择月份时，天数自动置为默认值'日'，天数的范围根据计算显示相应天数
此时，天数可能为28、29、30、31四种情况
每次年、月、日的点击事件，都判断年份、月份和天数是否都已经设置为非默认值。如果是的，则显示最终结果，并计算星期值；如果不是，则什么都不执行
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。