js日期聯動範例_javascript技巧

調試需加入jquery文件

複製代碼代碼如下:

>


$(function(){
$('#year').change(function(){
if (ifLeapYear($(this) .val()))
{
if ($('#month').val() == 2 && $('#day').children().length == 29)
{
$('#day').append ('29選項>');
}
} else
{
if ($ ('#month').val() = = 2 && $('#day').children().length == 30)
{
$('#day :last-child'). remove();
}
}
});

$('#month').change(function(){
var thisValue = $(this).val ();
var dayValue = $( '#day').val();
var Month1 = ['4','6','9','11'];
$( '#day').html('-請選擇-');
var day = '';
if (thisValue == '')
{
return false; 🎜>}
if ($.inArray(thisValue, Month1) != -1)
{
day = setDay(30)
$('#day' ).append(day) ;
} else if ($(this).val() == '2')
{
if ($('#year').val() != '' && ifLeapYear($ ('#year').val()))
{
day = setDay(29)} else
{
day = setDay(28)
$ ('#day').append(day);
} else
{
day = setDay(31);
$('#day').append(day);
}
$('#day').find('option[value='dayValue']').attr('selected',true);
});
})
function setDay(day)
{
var dayInfo = '';
for (var i=1; i{
dayInfo = '' 我「選項>」；
}
回傳日期資訊；
}
函數ifLeapYear(年)
{
if ((年% 4 = = 0 && 年% 100 != 0) || 年% 400 == 0)
{
回傳真;
} else
{
回傳false;
}
{
回傳false;
}
}
}
腳本>
-請選擇-選項>
;
”>

年
-請選擇-
;
”>

月
-請選擇-日