首頁 > web前端 > js教程 > js日期聯動範例_javascript技巧

js日期聯動範例_javascript技巧

WBOY
發布: 2016-05-16 16:50:11
原創
1294 人瀏覽過

調試需加入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;
}
}
}
腳本>
-請選擇-選項>
;
”>



相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板