快捷導(dǎo)航

JavaScript時間操作之年月日星期級聯(lián)操作

更新時間：2016年01月15日 14:56:08 作者：不動聲色的蝸牛

這篇文章主要介紹了JavaScript時間操作之級聯(lián)日期選擇操作，涉及到年、月、日、星期，感興趣的小伙伴們可以參考一下

本文實例介紹了JavaScript時間操作之級聯(lián)日期選擇操作的詳細代碼，分享給大家供大家參考，具體內(nèi)容如下

效果圖：

具體代碼：

<html> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 
    <title>年月日星期級聯(lián)</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>

希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

js獲取UserControl內(nèi)容為拼html時提供方便
js獲取UserControl內(nèi)容時無法測試通過，原來是繼承了Page 然后使用VerifyRenderingInServerForm驗證
2014-11-11
JS代碼放在head和body中的區(qū)別分析
放在head中的JS代碼會在頁面加載完成之前就讀取，而放在body中的JS代碼，會在整個頁面加載完成之后讀取
2011-12-12
JS等比例縮小圖片尺寸的實例
JS等比例縮小圖片尺寸的實例，需要的朋友可以參考一下
2013-02-02
利用 spin.js 生成等待效果(js 等待效果)
這篇文章主要介紹了利用 spin.js 生成等待效果(js 等待效果),需要的朋友可以參考下
2017-06-06
JavaScript創(chuàng)建防篡改對象的方法分析
這篇文章主要介紹了JavaScript創(chuàng)建防篡改對象的方法,結(jié)合具體實例形式分析了javascript基于不可擴展對象、密封的對象和凍結(jié)的對象實現(xiàn)防篡改對象的相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
仿淘寶TAB切換搜索框搜索切換的相關(guān)內(nèi)容
這是一款仿淘寶TAB切換搜索框，想搜索哪方面的內(nèi)容就切換到哪一個，非常實用，喜歡的朋友可以看看
2014-09-09
swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法
假設(shè)當(dāng)前顯示的是1，往左滑動一個遞減1，往右滑動一個遞增1。下面通過實例代碼給大家講解swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法，感興趣的朋友一起看看吧
2018-01-01
一步一步教你寫帶圖片注釋的淡入淡出插件（四）
第三部分的效果已經(jīng)基本上滿足大部分的需求了。所以這一部分呢，只能算是加分項。廢話不多說了，還是繼續(xù)博文吧。
2010-10-10
uni-app小程序沉浸式導(dǎo)航實現(xiàn)的全過程
在跨端項目開發(fā)中,uniapp是個不錯的框架,下面這篇文章主要給大家介紹了關(guān)于uni-app小程序沉浸式導(dǎo)航實現(xiàn)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-10-10
基于javascript html5實現(xiàn)多文件上傳
這篇文章主要為大家詳細介紹了基于javascript html5實現(xiàn)多文件上傳的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03