首頁 > web前端 > js教程 > 主體

日期函數和對於函數封裝的靈活運用

零下一度
發布: 2017-06-26 11:48:17
原創
1625 人瀏覽過




   
    ;標題標題> <br>    <br>        td {<br>            文字對齊:置中;<br>       }<br>   11 <br><p>"</p> <p>body#_body<br>_body>> ##o> ##</p> <p><br>    <select id="yearSelect"></select></p>    <select id="monthSelect"><br><strong></strong> </p><p><br><表id="tab" width="100%" border="1 "><br>    <br>      </p> <tr></tr># <th>日</th><br>            <th> 一個</th><br>            lt;/th><br>            <th>四</th><br>            <th>五<       <br>    <tbody></tbody> <br><br>## <script><br/>    /*<br/>    * 取得指定年份月份的日期總天數    * 顯示該月份的第一天是星期幾? #    var tbody = document.querySelector('tbody');<p>    varstrongElement = document. querySelector('strong');<br/><br/>var nowDate = new Date();<br/>##/*<br/>var nowDate = new Date();<p>##/*<br/>#    * 動態產生option<br/>    * */<br/>    var html = '' ;    for (var i=1970;我<2100; i++) {<p>        if (i == nowDate.getFullYear()) {            html = '<選項已選擇>'+ i +'</選項>' + html;<p>        } else {<br/>            html = '<選項>'+ i +'</選項>' + html;<br/>       }<br/><br/>}<br/>    yearSelectElement.innerHTML = html;<br/><br/>var html = '';<br/>    for (var i=0; i<12; i++ ) {<br/>        if (i == nowDate.getMonth()) {            html += '<選項值="'+i+'" 已選擇>'+ (i+1) +'+= '<選項值="'+i+'" 已選擇>'+ (i+1) +'</</1> ;';<p>        } else {<br/>            html += '<選項值='+i+'">'+ (i+1) +'</選項>';#  #  }<p>    monthSelectElement.innerHTML = html;<br/><br/>/*<br/>    * 預設顯示當前年份和月的日曆<br/>    * */<br/>    calendar(nowDate.getFullYear( getthnowDate ());<br/>/*<p>    * 根據所選的年和月重新產生日曆<br/>    * */    yearSelectElement.onchange = MonthSelectElement.onchange = function() {<p>   (yearSelectElement.value, MonthSelectElement.value);<br/>    };<br/><br/>函數日曆(年,月) {        年= Number(年);<p>        月= Number (月); ##        strongElement.innerHTML = 年+ '年' + (月+1) + '月';<br/><br/>var html = '<tr>';<br/>        for (var i =1; i<= 42; i++) {<br/><br/>if (i%7 == 1 && i != 1) {                html += '<tr>'; <p>      html += '<tr>'; <br/>    ##var v = i- getFirstDay(年,月);<br/><p>if (v < 1 || v > getDays(年、月)) {<br/>                html += '<td> </td';<br/>         if (i % 7 == 1 || i % 7 == 0) {<br/>                    html += '<td style="color: 刪除if (<br/>                    年== nowDate.getFullYear()<br/>               ate.getMonth()<br/>                   &&<br/>                 1 #                    html += '<td style="background: red; color:white;">'+ v +'&lt          html + = '<td> '+ v +'';<br/>                }<br/>           }<br/><br/><br/>    時HTML = html ;<br/>    }<br/><br/>/*<br/>    * 取得指定顯示年份月份的日期總天數    * */<p>    function getDays(y, m) {<br/>       y, m+1, 1, -1, 0, 0).getDate();<br/><br/>/*<br/>        * 得到下個月的1 日,-1時0分0秒的日期        * -1 :其實就是前一天,表示就是上個月的最後一天的23時<p>        * */<br/>        var date = new Date(y, m+1 , 1, -1, 0, 0);<br/>        /*<br/>        * 上個月最後一天的日期其實是上個月總的天數<br/>        * */      <p>/*<br/>    * 取得指定顯示的年份月份的第一天是星期幾<br/>    * */<br/>    function getFirstDay(y, m) {<br/> 新 Date(y, m, 1).getDay();<br/>    }<br/></script><br><br></select>

以上是日期函數和對於函數封裝的靈活運用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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