一個簡單的年月日時的聯動

阿新 • • 發佈：2018-09-20

hour tle == hid 平年得到 head javascrip title

jQuery寫一個年月日時的聯動

代碼如下

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<select name="year" id="year">
    <option value="1990" 
>1990</option>
    <option value="1991">1991</option>
    <option value="1992">1992</option>
    <option value="1993">1993</option>
    <option value="1994">1994</option>
    <option value="1995">1995</option>
    <option value="1996"> 
1996</option>
    <option value="1997">1997</option>
    <option value="1998">1998</option>
    <option value="1999">1999</option>
    <option value="2000">2000</option>
    <option value="2001">2001</option>
    <option value="2002">2002</option 
>
    <option value="2003">2003</option>
    <option value="2004">2004</option>
    <option value="2005">2005</option>
    <option value="2006">2006</option>
    <option value="2007">2007</option>
    <option value="2008">2008</option>
    <option value="2009">2009</option>
    <option value="2010">2010</option>
    <option value="2011">2011</option>
    <option value="2012">2012</option>
    <option value="2013">2013</option>
    <option value="2014">2014</option>
    <option value="2015">2015</option>
    <option value="2016">2016</option>
    <option value="2017">2017</option>
    <option value="2018">2018</option>
</select>
<select name="month" id="month">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
</select>
<select name="day" id="day">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
</select>
<select name="hour" id="hour">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
</select>
<body>
    <script type="text/javascript">
        $(function(){
            check_date();
            // 觸發聯動
            $("#year,#month").change(function(){
                check_date();
            });
        });
        function check_date()
        {
            $("#day>option").show();
            var year =parseInt($("#year").val());
            var month=parseInt($("#month").val());
            var arr=[2,4,6,9,11];//30天的
            if(arr.indexOf(month)>=0)
            {
                $("#day>option[value=31]").hide();//第31天進行隱藏
            }
            if(month==2)
            {
                $("#day>option[value=30]").hide();//2月份肯定沒有30號
                //得到2月份 開始判斷這個年份是不是閏年 閏年29天 平年28天
                if (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0))
                {
                    //是閏年 開始處理
                    $("#day>option[value=29]").show();//閏年 將29號顯示
                }else
                {
                    $("#day>option[value=29]").hide();//平年 將29號隱藏
                }
            }
        }
    </script>
</body>
</html>

效果如圖

技術分享圖片

一個簡單的年月日時的聯動

一個簡單的三級聯動

end http nbsp edi val mage append document doc 一個簡單的三級聯動。 <div class="editInput"> <select id="province"><option&g

一個簡單的年月日時的聯動

hour tle == hid 平年得到 head javascrip title jQuery寫一個年月日時的聯動代碼如下 <!DOCTYPE HTML> <html lang="en-US"> <head> <me

三種簡單的html網頁自動跳轉方法，可以讓你在開啟一個html網頁時自動跳轉到其它的頁面

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>正在跳轉</title> </head> &

一個簡單的jquery省級聯動外掛

由於專案需要實現省級聯動的效果，於是找了個簡單的外掛，需求基本都可以實現一、先儲存地區資料檔案命名為areaData.js/** * 儲存地區資訊 * 資料格式 * areaData = [{'pro': '北京', 'cities': {'-1': '北

利用js編寫一個簡單的html表單驗證，驗證通過時提交資料(附原始碼)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-

Asp.net 2.0 一個簡單的聯動DropDownList示例(示例程式碼下載)

{ 26 DataSet ds =new DataSet(); 27 DataTable dt =new DataTable(); 28 dt.Columns.Add(new DataColumn("Value", typeof(int))); 29 d

JavaScript 編寫一個函式，要求輸入年月日時分秒，輸出該年月日時分秒的下一秒。

function time(into){ var TimeF=into.substring(0,into.length-1); var Time=TimeF.replace(/([^\u0000-\u00FF])/g,'-'); var

編寫一個函式，要求輸入年月日時分秒，輸出該年月日時分秒的下一秒

/************************************* 編寫一個函式，要求輸入年月日時分秒，輸出該年月日時分秒的下一秒。如輸入2004年12月31日23時59分59秒，則輸出2005年1月1日0時0分0秒

寫了一個簡單輪播效果實現

char line query span size html ef6 ava top <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

linux設備驅動第三篇：寫一個簡單的字符設備驅動

提示 copy flags 驅動程序相關 clas open ugo param 在linux設備驅動第一篇：設備驅動程序簡介中簡單介紹了字符驅動，本篇簡單介紹如何寫一個簡單的字符設備驅動。本篇借鑒LDD中的源碼，實現一個與硬件設備無關的字符設備驅動，僅僅操

ionic 最簡單的路由形式，頭部固定，下面tab切換-------一個簡單的單頁切換起飛了

top log cnblogs .cn inset badge left plus set <ion-header-bar class="bar-dark" align-title="left"> <h1 class="title" >微信 &l

初遇C#：一個簡單的小程序（圓形周長，面積計算器）

編碼雙精度崩潰輸入面向對象窗口語句 readline 面向對象的語言作為一個面向對象的語言，與用戶的交互很關鍵！在此，我們可以先分析一下我們這個小程序要與用戶交互的內容：1.命名很重要，讓用戶看見這個程序就知道這個程序的作用。 2.當用戶打開這個程序時，提示

封裝一個簡單的UI組件

span query indent block 年份函數方法 his prev 　　方法其實很簡單，用一個函數把整個過程包起來。調用時用new，這樣可以在一個頁面使用多個改組件。這是一個非常簡單的方法，後面還有很大改進的空間。下面是一個封裝日歷的示例。　　現在我們的

使用windows打開一個文本時，鼠標右鍵找不到notepad

windows 右鍵找不到【出現問題】：notepad++已經安裝在Windows中，但是當要打開一個文件時，鼠標右鍵卻找不到notepd++【解決辦法】：打開notepad++後記事本，輸入：Windows Registry Editor Version 5.00 [HKEY_CLASSES

寫了一個簡單的Linux Shell用來下載文件

logs -- spi http col 內容 style bre shell #!/bin/sh for (( i=0; i<30; i=i+1 )); do # 利用spider來探測請求的資源是否存在，並把請求的結果寫入到一個文件 wget -

【Java編程】建立一個簡單的JDBC連接-Drivers, Connection, Statement and PreparedStatement

code ava 語句 ole man for out 讀取 drop 本blog提供了一個簡單的通過JDBC驅動建立JDBC連接例程，並分別通過Statement和PreparedStatement實現對數據庫的查詢。在下一篇blog中將重點比較Statement與P

遇到一個spring啟動時類找不到的問題~

eclips singleton jar ebe esc apach star ole bsp 今天將一個老的項目部署到Tomcat7上運行時，spring初始化一直失敗，提示錯誤如下： Java.lang.NoClassDefFoundError:org.springfr

一個簡單演示樣例來演示用PHP訪問表單變量

time 變量 value 購物車 size post方法 form sso val 首先編寫表單頁面orderform.html，用post方法請求服務端腳本文件：processorder.php orderform.html： <!DOCTYPE html&

采用jsp頁面與java代碼分離的方式寫一個簡單的二維表

color arraylist 一個 3-9 業務動態顯示復雜分層架構方式前提:在我們做程序時追求的是高內聚，低耦合，但是如果我們把jsp頁面的的代碼和java的代碼都放在了jsp的代碼編寫中，使java和jsp高耦合這樣的話不僅使jsp代碼頁面顯得很復雜，而

自己打造了一個簡單的站長工具

spl logs images fan net ref 分享 style image 自己打造了一個簡單的站長工具　　站長工具：www.fanguzai.net/ 自己打造了一個簡單的站長工具

一個簡單的年月日時的聯動

相關推薦