引導模式中的jquery datepicker彈出不按預期工作

-1

我在引導中使用jquery datepickermodal popup。一旦我們打開彈出窗口，我們可以選擇日期並點擊'保存'按鈕。 popup已關閉，頁面重新加載並且數據保存在數據庫中。它正在按預期運行。引導模式中的jquery datepicker彈出不按預期工作

但是，在下面的情況下它不按預期方式工作。

我打開popup和關閉popup無需點擊按鈕'Save'
當我再次打開彈出窗口，然後輸入日期和點擊'Save'它拋出jquery未定義的錯誤。

以下是我的代碼：

<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>

我這麼想嗎？請讓我知道，如果我需要添加一些東西，我試了太久，並沒有按預期工作。

來源

2017-08-02 user8403440

未定義錯誤的數量是多少？應該有一個數字。 –

嘗試使用id而不是class。（'#txtDate'）。datepicker（{}） – Rahul

@Fotis Grigorakis它的行爲每次不同。有時它會拋出錯誤，有時它只是不回發頁面來保存數據。我只是試圖給你錯誤號碼，但它不會發回頁面進行保存，即使在控制檯中也不會拋出任何錯誤。 – user8403440

我試圖通過重新加載jQuery修復它，但它沒有奏效。所以，而不是隻關閉模式彈出，點擊'關閉'按鈕，我關閉模式彈出窗口，然後重新加載頁面。爲此，我將按鈕更改爲服務器端控件，並在單擊事件時將其重定向到相同的頁面。這解決了此問題。

我發佈這個，因爲如果任何人在類似的問題掙扎，這可能會做的trick.Might不是完美的解決方案，但它爲我工作。

來源

2017-08-02 14:10:37 user8403440

引導模式中的jquery datepicker彈出不按預期工作

回答

相關問題