亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何根據另一個日期選擇器選擇的日期禁用日期選擇器過去的日期

如何根據另一個日期選擇器選擇的日期禁用日期選擇器過去的日期

慕容3067478 2022-01-07 10:45:34
我有兩個日期選擇器。分別是開始日期和結束日期。如何禁用結束日期選擇器的過去日期相對于開始日期選擇器選擇的日期。舉個例子。如果我在開始日期日期選擇器中選擇 2019 年 11 月 20 日,我必須在結束日期日期選擇器中禁用所有以前的日期(過去日期)。<html>   <head>        <meta charset="utf-8">        <meta name="viewport" content="width=device-width, initial-scale=1">        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>    </head>    <body>     <lable>Select Start Date</lable>    <input id="txtstartdate" />    <lable>Select End Date</lable>     <input id="txtenddate" />    <br></body></html>  
查看完整描述

1 回答

?
Qyouu

TA貢獻1786條經驗 獲得超11個贊

這對我有用。


   $("#txtstartdate").datepicker({

            minDate: $("#txtstartdate").value,


            onSelect: function (date) {

                $("#txtenddate").datepicker('option', 'minDate', date);

            }

        });


        $("#txtenddate").datepicker({});

<html>

   <head>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>

        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>

    </head>

    <body> 

    <lable>Select Start Date</lable>

    <input id="txtstartdate" />

   

    <lable>Select End Date</lable> 

    <input id="txtenddate" />

    <br>

</body>

</html> 


查看完整回答
反對 回復 2022-01-07
  • 1 回答
  • 0 關注
  • 206 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號