datepicker不顯示IE11中的日歷

Question

我目前在IE11中使用日期選擇器遇到了一些麻煩。 當我單擊文本框時，它至少可以正常工作，以至於在文本框的右端顯示一個“ x”以刪除其內容。 但是日歷本身未顯示。

當我嘗試使用textmode =“ DATE”代替jquery datapicker時，它導致了相同的最終結果。 我正在使用母版/內容布局，並且jQuery導入位於母版頁上。

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<br /><br /><br />

<script type="text/html">
     $(document).ready(function () {
        $("#<%= DisplayFromDateTextBox.ClientID %>").datepicker();
        $("#<%= DisplayToDateTextBox.ClientID   %>").datepicker();
    });
</script>

<div>
    Welche Tage sollen angezeigt werden:
    <asp:TextBox runat="server" ID="DisplayFromDateTextBox"></asp:TextBox>
    Bis
    <asp:TextBox runat="server" ID="DisplayToDateTextBox"></asp:TextBox>
    <asp:Button runat="server" ID="DisplayButton" OnClick="DisplayButton_Click" Text="Anzeigen"/>
</div>

<asp:ListBox ID="JournalListBox" runat="server" Height="531px" Width="593px"></asp:ListBox>

在母版頁中，我以這種方式包含了jquery：

編輯：當我單擊文本字段（第一個）時，效果如下圖所示：

更新：當我按照注釋中的建議刪除了ready函數的多余部分時，我犯了一些錯誤。 糾正它們之后，執行就緒時出現.js錯誤： $("#MainContent_DisplayFromDateTextBox").datepicker(); 帶來對象或方法不支持datepicker的錯誤。 最終的問題是由於對jquery的自動創建腳本引用的干擾導致的，導致jquery的手動包含出現故障。

Answer 1

HTML：在from和to文本框中添加了屬性CssClass：

 <div>
        Welche Tage sollen angezeigt werden:
    <asp:TextBox runat="server" ID="DisplayFromDateTextBox" CssClass="datepicker"></asp:TextBox>
        Bis
    <asp:TextBox runat="server" ID="DisplayToDateTextBox" CssClass="datepicker"></asp:TextBox>
        <asp:Button runat="server" ID="DisplayButton" OnClick="DisplayButton_Click" Text="Anzeigen" />
    </div>

將腳本代碼更改為：

<script type="text/javascript">
    $(document).ready(function () {
        var currentDate = new Date();

        $("input.datepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            maxDate: 0,
            changeYear: true
        });

        $("#<%= DisplayFromDateTextBox.ClientID %>").datepicker("setDate", currentDate).datepicker('show');
        $("#<%= DisplayToDateTextBox.ClientID %>").datepicker();
    });
</script>

謝謝

Answer 2

您可以通過這種方式嘗試

1.母版頁

 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication2.SiteMaster" %> <!DOCTYPE html> <html lang="en"> <head runat="server"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><%: Page.Title %> - My ASP.NET Application</title> <asp:PlaceHolder runat="server"> <%: Scripts.Render("~/bundles/modernizr") %> </asp:PlaceHolder> <webopt:BundleReference runat="server" Path="~/Content/css" /> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> </head> <body> <form runat="server"> <div class="container body-content"> <asp:ContentPlaceHolder ID="MainContent" runat="server"> </asp:ContentPlaceHolder> <hr /> </div> </form> </body> </html>

2. Default.aspx

 <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %> <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> <div> Welche Tage sollen angezeigt werden: <asp:TextBox runat="server" ID="DisplayFromDateTextBox"></asp:TextBox> Bis <asp:TextBox runat="server" ID="DisplayToDateTextBox"></asp:TextBox> <asp:Button runat="server" ID="DisplayButton" Text="Anzeigen" /> </div> <script type="text/javascript"> $(document).ready(function () { $("#<%= DisplayFromDateTextBox.ClientID %>").datepicker(); $("#<%= DisplayToDateTextBox.ClientID %>").datepicker(); }); </script> </asp:Content>

希望對您有幫助。

datepicker不顯示IE11中的日歷

問題描述

2 個解決方案

解決方案1
1 2019-05-13 07:00:14

解決方案2
1 已采納 2019-05-13 07:45:37

datepicker不顯示IE11中的日歷

問題描述

2 個解決方案

解決方案1 1 2019-05-13 07:00:14

解決方案2 1 已采納 2019-05-13 07:45:37

解決方案1
1 2019-05-13 07:00:14

解決方案2
1 已采納 2019-05-13 07:45:37