引导模式中的jquery datepicker弹出不按预期工作

问题描述:

我在引导中使用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> 

我这么想吗?请让我知道,如果我需要添加一些东西,我试了太久,并没有按预期工作。

+0

未定义错误的数量是多少?应该有一个数字。 –

+0

尝试使用id而不是class。 ('#txtDate')。datepicker({}) – Rahul

+0

@Fotis Grigorakis它的行为每次不同。有时它会抛出错误,有时它只是不回发页面来保存数据。我只是试图给你错误号码,但它不会发回页面进行保存,即使在控制台中也不会抛出任何错误。 – user8403440

我试图通过重新加载jQuery修复它,但它没有奏效。所以,而不是只关闭模式弹出,点击'关闭'按钮,我关闭模式弹出窗口,然后重新加载页面。为此,我将按钮更改为服务器端控件,并在单击事件时将其重定向到相同的页面。这解决了此问题。

我发布这个,因为如果任何人在类似的问题挣扎,这可能会做的trick.Might不是完美的解决方案,但它为我工作。