加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net – Jquery datepicker弹出窗口在IE8的选择日期没有关闭

发布时间:2020-12-16 00:47:35 所属栏目:asp.Net 来源:网络整理
导读:我有一个包含开始日期字段的Web表单。我把一个jquery的日期戳绑定到txt字段。现在,当我在FF中选择一个日期时,所选日期会填充在文本框中,并且日历弹出窗口关闭。但是,当我在IE8中做同样的事情时,选择的日期将填充在文本框中,但弹出窗口仍然打开。我也注
我有一个包含开始日期字段的Web表单。我把一个jquery的日期戳绑定到txt字段。现在,当我在FF中选择一个日期时,所选日期会填充在文本框中,并且日历弹出窗口关闭。但是,当我在IE8中做同样的事情时,选择的日期将填充在文本框中,但弹出窗口仍然打开。我也注意到,一旦在弹出日历中选择日期,就会生成脚本错误。

我正在使用jquery 1.3.2,jquery-ui 1.7.2和.NET 3.5。以下是我的代码示例:

<script type="text/javascript">
  $(document).ready(function() {
    $("#<%=txtStartDate.ClientID%>").datepicker({
      changeMonth: true,changeYear: true,showButtonPanel: true,showOn: 'button',buttonImage: '/_layouts/images/CALENDAR.GIF',buttonImageOnly: true
    });
  });
</script>
<div id="stylized">
  <asp:ValidationSummary ID="vs" runat="server" CssClass="messages-error" HeaderText=" Action required before the form can be submitted." ForeColor="" ValidationGroup="sh" />
  <div class="formrow">
    <div class="ms-formlabel formlabel">
      <asp:Label ID="lblStartDate" runat="server" CssClass="ms-standardheader" AssociatedControlID="txtStartDate">Start Date:</asp:Label>
    </div>
    <div class="ms-formbody formfield">
      <asp:RequiredFieldValidator ID="reqStartDate" runat="server" ControlToValidate="txtStartDate" ErrorMessage="Start Date is a required field." Text="*" Display="Dynamic" ValidationGroup="sh"></asp:RequiredFieldValidator>
      <asp:CompareValidator ID="cvStartDate" runat="server" ControlToValidate="txtStartDate" ErrorMessage="Date must be in the format MM/DD/YYYY" Text="*" Display="Dynamic" ValidationGroup="sh" Operator="DataTypeCheck" Type="Date"></asp:CompareValidator>
      <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox>
      <span class="formMessage">ex. MM/DD/YYYY</span>
    </div>
  </div>
  <div id="buttonrow">
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="ms-ButtonHeightWidth" OnClick="Submit_Click" ValidationGroup="sh" />
    <asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="ms-ButtonHeightWidth" OnClick="Cancel_Click" CausesValidation="false" />
  </div>
</div>

当我选择日期时,我在IE中得到的脚本错误:

‘length’为null或不是一个对象

WebResource.axd的

以下是从中抛出错误的代码:

function ValidatorOnChange(event) {
  if (!event) {
    event = window.event;
  }
  Page_InvalidControlToBeFocused = null;
  var targetedControl;
  if ((typeof(event.srcElement) != "undefined") && (event.srcElement != null)) {
    targetedControl = event.srcElement;
  }
  else {
    targetedControl = event.target;
  }
  var vals;
  if (typeof(targetedControl.Validators) != "undefined") {
    vals = targetedControl.Validators;
  }
  else {
    if (targetedControl.tagName.toLowerCase() == "label") {
        targetedControl = document.getElementById(targetedControl.htmlFor);
        vals = targetedControl.Validators;
    }
  }
  var i;
  for (i = 0; i < vals.length; i++) {
    ValidatorValidate(vals[i],null,event);
  }
  ValidatorUpdateIsValid();
}

它发生在最后的for循环的.length上。 Vals为空,在前一个if / else中找不到。我已经通过javascript和if(typeof(targetedControl.Validators)!=“undefined”)返回false,然后if(targetedControl.tagName.toLowerCase()==“label”)也返回false。因此,长度为null或不是对象错误。

现在我不知道如果datepicker弹出窗口没有关闭在IE和WebResources.axd文件中的脚本错误是相关的错误,但我倾斜这样。任何人都可以告诉我为什么弹出窗口没有关闭?

解决方法

这似乎是一个bug,但是在datepicker声明中添加这一行应该解决它:
onSelect: function() {}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读