zoukankan      html  css  js  c++  java
  • 简易日期联动选择代码demo

    年月日时间联动,这种一般都用插件来做。但如果不用插件呢!

    demo 请狠狠的戳这里 ¥ http://download.lllomh.com/cliect/#/product/J417124329840643

    demo 请狠狠的戳这里 c https://download.csdn.net/download/lllomh/11248055

    可以如下写法; 缺点就是年要写死!

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body>
    
                                         <select name="birth_year" id="select_year" class="form-control">
                                            <option value="">年</option>
                                                                                        <option value="2019" >2019</option>
                                                                                        <option value="2018" >2018</option>
                                                                                        <option value="2017" >2017</option>
                                                                                        <option value="2016" >2016</option>
                                                                                        <option value="2015" >2015</option>
                                                                                        <option value="2014" >2014</option>
                                                                                        <option value="2013" >2013</option>
                                                                                        <option value="2012" >2012</option>
                                                                                        <option value="2011" >2011</option>
                                                                                        <option value="2010" >2010</option>
                                                                                        <option value="2009" >2009</option>
                                                                                        <option value="2008" >2008</option>
                                                                                        <option value="2007" >2007</option>
                                                                                        <option value="2006" >2006</option>
                                                                                        <option value="2005" >2005</option>
                                                                                        <option value="2004" >2004</option>
                                                                                        <option value="2003" >2003</option>
                                                                                        <option value="2002" >2002</option>
                                                                                        <option value="2001" >2001</option>
                                                                                        <option value="2000" >2000</option>
                                                                                        <option value="1999" >1999</option>
                                                                                        <option value="1998" >1998</option>
                                                                                        <option value="1997" >1997</option>
                                                                                        <option value="1996" >1996</option>
                                                                                        <option value="1995" >1995</option>
                                                                                        <option value="1994" >1994</option>
                                                                                        <option value="1993" >1993</option>
                                                                                        <option value="1992" >1992</option>
                                                                                        <option value="1991" >1991</option>
                                                                                        <option value="1990" >1990</option>
                                                                                        <option value="1989" >1989</option>
                                                                                        <option value="1988" >1988</option>
                                                                                        <option value="1987" >1987</option>
                                                                                        <option value="1986" >1986</option>
                                                                                        <option value="1985" >1985</option>
                                                                                        <option value="1984" >1984</option>
                                                                                        <option value="1983" >1983</option>
                                                                                        <option value="1982" >1982</option>
                                                                                        <option value="1981" >1981</option>
                                                                                        <option value="1980" >1980</option>
                                                                                        <option value="1979" >1979</option>
                                                                                        <option value="1978" >1978</option>
                                                                                        <option value="1977" >1977</option>
                                                                                        <option value="1976" >1976</option>
                                                                                        <option value="1975" >1975</option>
                                                                                        <option value="1974" >1974</option>
                                                                                        <option value="1973" >1973</option>
                                                                                        <option value="1972" >1972</option>
                                                                                        <option value="1971" >1971</option>
                                                                                        <option value="1970" >1970</option>
                                                                                        <option value="1969" >1969</option>
                                                                                        <option value="1968" >1968</option>
                                                                                        <option value="1967" >1967</option>
                                                                                        <option value="1966" >1966</option>
                                                                                        <option value="1965" >1965</option>
                                                                                        <option value="1964" >1964</option>
                                                                                        <option value="1963" >1963</option>
                                                                                        <option value="1962" >1962</option>
                                                                                        <option value="1961" >1961</option>
                                                                                        <option value="1960" >1960</option>
                                                                                        <option value="1959" >1959</option>
                                                                                        <option value="1958" >1958</option>
                                                                                        <option value="1957" >1957</option>
                                                                                        <option value="1956" >1956</option>
                                                                                        <option value="1955" >1955</option>
                                                                                        <option value="1954" >1954</option>
                                                                                        <option value="1953" >1953</option>
                                                                                        <option value="1952" >1952</option>
                                                                                        <option value="1951" >1951</option>
                                                                                        <option value="1950" >1950</option>
                                                                                        <option value="1949" >1949</option>
                                                                                        <option value="1948" >1948</option>
                                                                                        <option value="1947" >1947</option>
                                                                                        <option value="1946" >1946</option>
                                                                                        <option value="1945" >1945</option>
                                                                                        <option value="1944" >1944</option>
                                                                                        <option value="1943" >1943</option>
                                                                                        <option value="1942" >1942</option>
                                                                                        <option value="1941" >1941</option>
                                                                                        <option value="1940" >1940</option>
                                                                                        <option value="1939" >1939</option>
                                                                                        <option value="1938" >1938</option>
                                                                                        <option value="1937" >1937</option>
                                                                                        <option value="1936" >1936</option>
                                                                                        <option value="1935" >1935</option>
                                                                                        <option value="1934" >1934</option>
                                                                                        <option value="1933" >1933</option>
                                                                                        <option value="1932" >1932</option>
                                                                                        <option value="1931" >1931</option>
                                                                                        <option value="1930" >1930</option>
                                                                                        <option value="1929" >1929</option>
                                                                                        <option value="1928" >1928</option>
                                                                                        <option value="1927" >1927</option>
                                                                                        <option value="1926" >1926</option>
                                                                                        <option value="1925" >1925</option>
                                                                                        <option value="1924" >1924</option>
                                                                                        <option value="1923" >1923</option>
                                                                                        <option value="1922" >1922</option>
                                                                                        <option value="1921" >1921</option>
                                                                                        <option value="1920" >1920</option>
                                                                                        <option value="1919" >1919</option>
                                                                                </select>
                                        <select name="birth_month" id="select_month" class="form-control">
                                            <option value="">月</option>
                                                                                       <option value="1" >1</option>
                                                                                        <option value="2" >2</option>
                                                                                        <option value="3" >3</option>
                                                                                        <option value="4" >4</option>
                                                                                        <option value="5" >5</option>
                                                                                        <option value="6" >6</option>
                                                                                        <option value="7" >7</option>
                                                                                        <option value="8" >8</option>
                                                                                        <option value="9" >9</option>
                                                                                        <option value="10" >10</option>
                                                                                        <option value="11" >11</option>
                                                                                        <option value="12" >12</option>
                                                                                </select>
                                        <select name="birth_day" id="select_day" class="form-control">
                                            <option value="">日</option>
                                                                                        <option value="1" >1</option>
                                                                                        <option value="2" >2</option>
                                                                                        <option value="3" >3</option>
                                                                                        <option value="4" >4</option>
                                                                                        <option value="5" >5</option>
                                                                                        <option value="6" >6</option>
                                                                                        <option value="7" >7</option>
                                                                                        <option value="8" >8</option>
                                                                                        <option value="9" >9</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>
    
    
    
     <script type="text/javascript" src="static/js/forum/plugin/jquery-2.2.1.min.js"></script>
    <script type="text/javascript">
    t = function () {
                var t, e;
                return t = function (t) {
                    var e;
                    return e = $("<option/>").text(t).val(t), $("#select_day").append(e)
                }, e = function () {
                    var e, a, n, o, r, i, s;
                    if (s = parseInt($("#select_year").val()), o = parseInt($("#select_month").val()), s > 0 && o > 0) {
                        switch ($("option", $("#select_day")).not("[value='0']").remove(), o) {
                            case 2:
                                e = s % 4 === 0 && s % 100 !== 0 || s % 400 === 0 ? 29 : 28;
                                break;
                            case 4:
                            case 6:
                            case 9:
                            case 11:
                                e = 30;
                                break;
                            default:
                                e = 31
                        }
                        for (i = [], a = n = 1, r = e; 1 <= r ? n <= r : n >= r; a = 1 <= r ? ++n : --n) i.push(t(a));
                        return i
                    }
                }, $("#select_month, #select_year").change(function () {
                    return e()
                })
            }, 
            $("#select_year").length > 0 && t(), $("#bottomBanner").length > 0 && !function () {
                var t;
                if (t = window.cookie.get("bottom_banner_hidden"), !t) return $("#bottomBanner").collapse("toggle")
            }();
             $("[data-taptap-waterfall='container']").length && i(), $("[data-taptap-carousel='swipe']").length && !function () {
                return $("[data-taptap-carousel='swipe']").swiperight(function () {
                    return $(this).carousel("prev")
                }), $("[data-taptap-carousel='swipe']").swipeleft(function () {
                    return $(this).carousel("next")
                })
            };
    
            $("#select_year").change(function () {
            	console.log( $("#select_year").val())
            })
    
    
    </script>
    
    </body>
    </html>
  • 相关阅读:
    php生成二维码
    赞的算法
    Linux系统信息查看命令大全
    详细介绍Linux telnet命令的使用
    Linux VSFTP服务器
    禁止浏览器缓存页面的方法
    php开启短标签
    BZOJ2648 SJY摆棋子(KD-Tree)
    KD-Tree学习笔记
    BZOJ5461 PKUWC2018Minimax(概率期望+线段树合并+动态规划)
  • 原文地址:https://www.cnblogs.com/lllomh/p/14991913.html
Copyright © 2011-2022 走看看