날짜 함수 및 함수 캡슐화의 유연한 사용

   
   <제목>제목
           td {
           text-align: center;
       }
   

   < /select>
   

   
       
           <일>일
           <일
          <일>두
           삼일>
           사사
           五일>
            ;六
       
   
   

<script><br>    /*<br>    * 获取指定年月份的日期总天数<br>    * 显示的月份的第一天是星期几?<br>    * */</p> <p>var yearSelectElement = document.querySelector('#yearSelect');<br>    var MonthSelectElement = document.querySelector('#monthSelect');<br>    var tbody = document.querySelector('tbody' );<br>    var StrongElement = document.querySelector('strong');</p> <p>var nowDate = new Date();</p> <p>/*<br>    * 动态生成option<br>    * */<br>    var html = '';<br>    for (var i =1970; i<2100; i++) {<br/>        if (i == nowDate.getFullYear()) {<br/>            html = '<옵션 선택됨>'+ i +'</옵션>' + html;<br>        } else {<br>            html = '<옵션>'+ i +'</옵션>' + html;<br>        }</p> <p>}<br>    yearSelectElement.innerHTML = html;</p> <p>var html = '';<br>    for (var i=0; i        if (i == nowDate.getMonth()) {<br>            html += '<option value="'+i+'" selected>'+ (i+1) +'</option>';<br>        } else {<br>            html += '<옵션 값=" '+i+'">'+ (i+1) +'</option>';<br>        }</p> <p>}<br>    monthSelectElement.innerHTML = html;</p> <p>/*<br>    * 默认显示当前年和月的日历<br> * */<br>    calendar(nowDate.getFullYear(), nowDate.getMonth());</p> <p>/*<br>    * 根据选择的年月新成日历<br>    * */<br>    yearSelectElement.onchange = MonthSelectElement.onchange = function() {<br>        calendar(yearSelectElement.value, MonthSelectElement.value);<br>    };</p> <p>함수 달력(년, 월) {<br>        year = 숫자(년);<br>        month = 숫자(월);<br>        strongElement.innerHTML = 연도 + '年' + (월+1) + '월';</p> <p>var html = '<tr>';<br>        for (var i=1; i<=42; i++) {</p><p>if (i%7 == 1 && i != 1) {<br/>                html += '</tr><tr>';<br>            }</p> <p>var v = i- getFirstDay(년, 월);</p> <p>if (v getDays(년, 월)) {<br>                html += '<td> </td>';<br>            } else {<br>                if (i % 7 = = 1 || i % 7 == 0) {<br>                    html += '<td style="color: red">'+ v +'</td>';<br>                } else if (<br>                    연도 == 지금날짜 .getFullYear()<br>                    &&<br>                    month == nowDate.getMonth()<br>                    &&<br>                    v == nowDate.getDate()<br>                ) {<br>                    html += '<td style="배경: 빨간색; color:white;"&gt ;'+ v +'</td>';<br>                } else {<br>                  html += '<td>'+ v +'</td>';<br>                }<br>           }</p> <p><br>        }<br>        html += '</tr>';<br>        tbody.innerHTML = html;<br>    }</p> <p>/*<br>    * 获取指정显示年月份的日期总天数<br>    * */<br>    함수 getDays(y, m) {<br>        새 날짜 반환( y, m+1, 1, -1, 0, 0).getDate();</p> <p>/*<br>        * 得到下一月的1日，-1时0分0秒的日期<br>        * -1 ： 其实就是전일천，表示就是上个月的最后一天的23时<br>        * */<br>        var date = new Date(y, m+1, 1, -1, 0, 0);<br>        /*<br>        * 上个월最后一天的日期其实就是上个月总的天数<br>        * */<br>        return date.getDate();<br>    }</p> <p>/*<br>    * 获取指定显示的年月份的第一天是星期几<br>    * */<br>    함수 getFirstDay(y, m) {<br>        새 Date(y, m, 1).getDay();<br>    }<br></script>

반환

위 내용은 날짜 함수 및 함수 캡슐화의 유연한 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!