ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript時間操作年月日週カスケード操作_JavaScriptスキル

JavaScript時間操作年月日週カスケード操作_JavaScriptスキル

WBOY
リリース: 2016-05-16 15:19:41
オリジナル
1192 人が閲覧しました

この記事の例では、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 プログラミングを学習するすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート