집 > 기사 > 웹 프론트엔드 > JavaScript 시간 연산 년 월 일 주 캐스케이드 연산_javascript 기술

JavaScript 시간 연산 년 월 일 주 캐스케이드 연산_javascript 기술

WBOY원래의: 2016-05-16 15:19:411148검색

본 글의 예시에서는 JavaScript 시간 연산의 계단식 날짜 선택 연산에 대한 자세한 코드를 소개하고 있으며, 구체적인 내용은 다음과 같습니다.

렌더링:

구체 코드:

<html> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 
    <title>年月日星期级联</title> 
  </head> 
 
  <body topmargin="10" leftmargin="0"> 
    <form> 
      <select id=year onchange="toDate();"> 
        <script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script> 
      </select> 
      <select id=month onchange="toDate();"> 
        <script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script> 
      </select> 
      <select id=day onchange="toDay();"></select> 
      <input name=weekday> 
    </form> 
    <script type="text/javascript"> 
      var arr="日一二三四五六".split("") 
      function toDate(){ 
        with(document.all){ 
          vYear=parseInt(year.options[year.selectedIndex].text) 
          vMonth=parseInt(month.options[month.selectedIndex].text) 
          day.length=0; 
          for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;} 
        } 
        toDay(); 
      } 
      function toDay(){ 
        vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value) 
        document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()] 
      } 
      window.onload=toDate; 
    </script> 
  </body> 
</html>

이 기사가 자바스크립트 프로그래밍을 배우는 모든 사람에게 도움이 되기를 바랍니다.

성명：

이전 기사：자바스크립트 포커스 이벤트, 마우스 이벤트, 스크롤 휠 이벤트_javascript 스킬 사용에 대한 자세한 설명다음 기사：자바스크립트 포커스 이벤트, 마우스 이벤트, 스크롤 휠 이벤트_javascript 스킬 사용에 대한 자세한 설명

JavaScript 시간 연산 년 월 일 주 캐스케이드 연산_javascript 기술

관련 기사