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

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>

 

posted on 2019-06-13 16:21  lllomh  阅读(23)  评论(0编辑  收藏  举报