DatePicker не работает JQuery

Question

DatePicker не работает JQuery

0

im пытается использовать jquery из Интернета, чтобы генерировать мой datepicker. в моей разметке это:

<asp:TextBox ID="PStart" runat="server"></asp:TextBox>

с последующим

<script type = "text/javascript">
    $(function () {
        $("#PStart").datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true
        });
    });
</script>

и в моем заголовке моего мастера сайта я включил:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type ="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type ="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />

необходимо отметить, что этот сборщик дат вложен в панель обновления, которая только подлежит обновлению после заполнения формы и нажатия кнопки отправки/сохранения. я установил shildren как триггеры в false и режим обновления для условного, но не отображался, что намного меньше для выбора.

New2This 14 нояб. 2013, в 20:13

Источник

0

У меня работает нормально ДЕМО
abc123 14 нояб. 2013, в 18:29
0

@ abc123 - недопустимая демонстрация, поскольку он использует сеть asp.
Dom 14 нояб. 2013, в 18:30
0

@ Это доказывает, что проблема не в javascript, jquery, jquery-ui ... проблема здесь, вероятно, в том, что его идентификатор не PStart при PStart страницы ... ему нужно проверить элемент с помощью broswer ... скорее всего все искажено из asp.net ... есть 3 решения этой проблемы, но мне нужно, чтобы он подтвердил это.
abc123 14 нояб. 2013, в 18:31
0

@ New2Это на вашем Site.Master , у вас есть заполнитель в заголовке? Если да, то до или после кода заголовка, который вы указали?
Dom 14 нояб. 2013, в 18:33
0

@ Дом внутри заголовка
New2This 14 нояб. 2013, в 18:40

Показать ещё 3 комментария

Теги:

jquery

datepicker

1 ответ

Ещё вопросы

@ abc123 - недопустимая демонстрация, поскольку он использует сеть asp.
@ Это доказывает, что проблема не в javascript, jquery, jquery-ui ... проблема здесь, вероятно, в том, что его идентификатор не PStart при PStart страницы ... ему нужно проверить элемент с помощью broswer ... скорее всего все искажено из asp.net ... есть 3 решения этой проблемы, но мне нужно, чтобы он подтвердил это.
@ New2Это на вашем Site.Master , у вас есть заполнитель в заголовке? Если да, то до или после кода заголовка, который вы указали?

Dom · Accepted Answer · 2013-11-14T17-38-00.000Z

Не видя больше своего кода, нельзя сказать точно. Однако, если предположить, что ошибок нет, проблема, вероятно, связана с <asp:ContentPlaceHolder> & <asp:Content>.

При использовании заполнителей, asp-элементы управления изменяют свои идентификаторы в следующем формате: {ContentPlaceHolderID}_ElementID.

Я рекомендую либо:

изменение <asp:TextBox ID="PStart" runat="server"></asp:TextBox> до <input id="PStart" type="text"/>
проверить страницу и найти фактический идентификатор для этого элемента (скорее всего, "#{ContentPlaceHolderID}_PStart").

Надеюсь, что это поможет, и дайте мне знать, если у вас есть вопросы!

Site.Master:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type ="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type ="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body>
    <form runat="server">
        <div id="body">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </div>
    </form>
</body>
</html>

Default.aspx:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<asp:Content runat="server" ContentPlaceHolderID="HeadContent">
    <script type = "text/javascript">
        $(function () {
            $("#MainContent_PStart, #PStart").datepicker({
                showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });
        });
    </script>
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <asp:TextBox ID="PStart" runat="server"></asp:TextBox> 
    <input type="text" id="PStart"/>
</asp:Content>

РЕЗУЛЬТАТ: