您好,登錄后才能下訂單哦!
這篇文章主要介紹“用PHP實現年月日的三級聯動”,在日常操作中,相信很多人在用PHP實現年月日的三級聯動問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”用PHP實現年月日的三級聯動”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
年月日的三級聯動
<input type="text" id="hs"> <input type="button" id="btn" value="提交"> <span id="rent"></span>
這個年月日的三級聯動 主要是用的select標簽
var str = "<select id='year'></select> <select id='month'>" + "</select> <select id='day'></select>"; $("#rent").html(str); fullyear(); fullmonth(); fullday(); //當其中一個改變,后面的要跟著改變 $("#year").change(function(){ fullday(); }); $("#month").change(function(){ fullday(); }); function fullyear() { var d = new Date(); var year = d.getFullYear(); str =""; for(var i=year-5;i<year+6;i++) { if(i==year) { str += "<option selected='selected' value='"+i+"'>"+i+"</option>"; } else { str +="<option value='"+i+"'>"+i+"</option>" } } $("#year").html(str); } function fullmonth() { var d = new Date(); var month = d.getMonth()+1; str =""; for(var j=1;j<13;j++) { if(j==month) { str += "<option selected='selected' value='"+j+"'>"+j+"</option>"; } else { str +="<option value='"+j+"'>"+j+"</option>" } } $("#month").html(str); } function fullday() { var d = new Date(); var day = d.getDate(); var year=$("#year").val(); var month=$("#month").val(); var rq=31; str =""; if(month==4|| month==6|| month==9|| month===11) { rq=30; } else if(month==2) { if(year%4==0 && year%100!=0 || year%400==0) { rq=29;//閏年 } else{ rq=28; //不是閏年 } } for(var n=1;n<rq+1;n++) { if(n==day) { str +="<option selected='selected' value='"+n+"'>"+n+"</option>"; } else { str +="<option value='"+n+"'>"+n+"</option>"; } } $("#day").html(str); } //到這里就完成了下拉列表的內容了,下一步要做的是把內容存到表單中
$("#btn").click(function(){ var nian=$("#year").val(); var yue=$("#month").val(); var ri=$("#day").val(); var time=nian+"-"+yue+"-"+ri+""; $("#hs").val(time) })
到此,關于“用PHP實現年月日的三級聯動”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。