引导模式中的jquery datepicker弹出不按预期工作
问题描述:
我在引导中使用jquery datepicker
modal 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>
我这么想吗?请让我知道,如果我需要添加一些东西,我试了太久,并没有按预期工作。
答
我试图通过重新加载jQuery修复它,但它没有奏效。所以,而不是只关闭模式弹出,点击'关闭'按钮,我关闭模式弹出窗口,然后重新加载页面。为此,我将按钮更改为服务器端控件,并在单击事件时将其重定向到相同的页面。这解决了此问题。
我发布这个,因为如果任何人在类似的问题挣扎,这可能会做的trick.Might不是完美的解决方案,但它为我工作。
未定义错误的数量是多少?应该有一个数字。 –
尝试使用id而不是class。 ('#txtDate')。datepicker({}) – Rahul
@Fotis Grigorakis它的行为每次不同。有时它会抛出错误,有时它只是不回发页面来保存数据。我只是试图给你错误号码,但它不会发回页面进行保存,即使在控制台中也不会抛出任何错误。 – user8403440