简单的出生日期控件

简单的出生日期控件,第1张

概述简单的出生日期控件

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<HTML><head>    <script type="text/JavaScript" src="jquery-1.6-min.Js"></script>    <script type="text/JavaScript">        jquery.noConflict();        jquery(function ($) {            var $birthYear = $('.gbiaps_birthday_year');            var year = new Date().getFullYear();            $('<option value="' + (year - 1) + '" selected="selected" >' + (year - 1) + '</option>').appendTo($birthYear);            for (var i = 2; i <= 100; i++) {                var y = year - i;                $('<option value="' + y + '" >' + y + '</option>').appendTo($birthYear);            }            var $birthMonth = $('.gbiaps_birthday_month');            $('<option value="1" selected="selected">1</option>').appendTo($birthMonth);            for (var m = 2; m <= 12; m++) {                $('<option value="' + m + '">' + m + '</option>').appendTo($birthMonth);            }            var $birthDay = $('.gbiaps_birthday_day');            $('<option value="1" selected="selected">1</option> ').appendTo($birthDay);            for (var d = 2; d <= 31; d++) {                $('<option value="' + d + '" >' + d + '</option> ').appendTo($birthDay);            }            $birthYear.change(onBirthChange);            $birthMonth.change(onBirthChange);            $birthDay.change(onBirthChange);            function onBirthChange() {                var year = $birthYear.find('option:selected').val();                var month = $birthMonth.find('option:selected').val();                var day = $birthDay.find('option:selected').val();//                console.log('year: '+year+' month : '+month+" day: "+day);                switch (month - 0) {                    case 4:                    case 6:                    case 9:                    case 11:                        if (day > 30) {                            setBirthDate(year,month,30);                        }                        $birthDay.find('option[value="29"]').show();                        $birthDay.find('option[value="30"]').show();                        $birthDay.find('option[value="31"]').hIDe();                        break;                    case 2:                        if (!isLeapYear(year)) {                            $birthDay.find('option[value="29"]').hIDe();                            if (day > 28)                                setBirthDate(year,2,28);                        } else if (day > 29) {                            setBirthDate(year,29);                            $birthDay.find('option[value="29"]').show();                        }//                        console.log('2');                        $birthDay.find('option[value="30"]').hIDe();                        $birthDay.find('option[value="31"]').hIDe();                        break;                    default:                        $birthDay.find('option[value="29"]').show();                        $birthDay.find('option[value="30"]').show();                        $birthDay.find('option[value="31"]').show();                        break;                }            }            /**             判断year是否闰年             */            function isLeapYear(year) {                return(0 == year % 4 && (year % 100 != 0 || year % 400 == 0));            }            function setBirthDate(year,day) {                $birthYear.val(year);                $birthMonth.val(month);                $birthDay.val(day);            }        });    </script></head><body><select ></select><select ></select><select ></select></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的简单的出生日期控件全部内容,希望文章能够帮你解决简单的出生日期控件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1096748.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存