BootstrapモーダルポップアップのJquery datepickerが正常に動作しない

Question

私はブートストラップにjquery datepickerを使用していますmodal popup。ポップアップを開くと、日付を選択して[保存]ボタンをクリックできます。 popupが閉じられ、ページが再読み込みされ、データがデータベースに保存されます。期待どおりにここまで動作しています。

ただし、次のシナリオでは期待どおりに動作しません。

• 私はpopupを開いて、私は再びポップアップを開き、日付を入力して、それがjquery未定義のエラーをスロー'Save'をクリックすると'Save'ボタン
• をクリックせずにpopupを閉じます。

以下は、私のコードです：

<div class="modal-body"> 
     <div class="form-group"> 
     <label for="<%=txtDate.ClientID %>">Date:</label> 
     <asp:TextBox runat="server" ReadOnly="true" ID="txtDate" CssClass="form-control datepicker"></asp:TextBox> 
    </div><hr/> 
<asp:Button ID="btnSave" runat="server" CssClass="btn btn-warning" Text="Save" OnClick="btnSave_Click" UseSubmitBehavior="false" data-dismiss="modal" /> 
<button type="button" class="btn pull-right" data-dismiss="modal">Close</button></div> 

私のJSコード：

<script src="<%=ConfigurationManager.AppSettings["Rootfolder"] %>/Scripts/jquery-ui-1.11.2.js"></script> 

    <script type="text/javascript"> 

     var txt1 = '#<%= txtDate.ClientID%>'; 
     $today = new Date(); 
     $yesterday = new Date($today); 
     $yesterday.setDate($today.getDate() - 0); 

     $(function() { 
      $(".datepicker").datepicker({ 

       dateFormat: "dd/mm/yy", 
       minDate: $yesterday, 
       autoclose : true 
      }); 

     }); 

    </script> 

私は何かが足りないのですか？あまりにも長く試してみると、何かを追加する必要があるかどうか教えてください。期待通りに動作していません。

Answer 1

jQueryをリロードして修正しようとしましたが、動作しませんでした。そのため、「閉じる」ボタンをクリックしてモーダルポップアップを閉じるのではなく、モーダルポップアップを閉じてからページをリロードします。このため、ボタンをサーバー側のコントロールに変更し、クリックイベントで同じページにリダイレクトしています。これで問題が解決しました。

似たような問題で苦労している人は、このトリックを行うかもしれないので、私はこれを投稿しています。完璧な解決策ではないかもしれませんが、それは私のために働いていました。