2016-11-19 8 views
0

私のページに2つの日付ピッカーがあります。最初の日付ピッカーは、今日の日付より前の日付を有効にする必要があります(今日の日付は19/Nov/2016日付ピッカーの値は17/11/2016から有効)、2番目の日付ピッカーは最初の日付ピッカーの選択値から週の日を有効にする必要があります(18/Nov/2016を選択した場合、2番目の日付ピッカーは最大25/11月/ 2016は はここに私のコードはここで私はまさに私が.kindly解決策を見つけるために私を助けて欲しいもの出力が届かないasp.netを使用して別の日付ピッカーで日付ピッカーを制限するC#

<html> 
    <head> 
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <script type="text/javascript"> 
      $(function() { 
       $("#txtFrom").datepicker({ 
        minDate:0 
       }); 
       var dates = $("#txtFrom,#txtTo").datepicker({ 
        minDate: '0', 
        maxDate: '+7D', 
        onSelect: function (selectedDate) { 
         var option = this.id == "txtFrom" ? "minDate" :maxDate", 
         instance = $(this).data("datepicker"), 
         date = $.datepicker.parseDate(
         instance.settings.dateFormat || 
         $.datepicker._defaults.dateFormat, 
         selectedDate, instance.settings); 
         dates.not(this).datepicker("option", option, date); 
        } 
       }); 
      }); 
     </script> 
     <style type="text/css"> 
      .ui-datepicker { 
       font-size: 8pt !important; 
      } 
     </style> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
      <div class="demo"> 
       <label for="from">From</label> 
       <asp:TextBox ID="txtFrom" runat="server" /> 
       <label for="to">to</label> 
       <asp:TextBox ID="txtTo" runat="server" /> 
      </div> 
     </form> 
    </body> 
    </html> 

である)、その値を受け入れるだけでなく、その値を超えません。

答えて

0

はJQuery日付ピッカーのマニュアルを確認します - http://api.jqueryui.com/datepicker/

あなたが探しているものは、「beforeShow」コールバックと「MinDateプロパティ」プロパティです。