Jquery Datepicker не работает в элементе управления

Question

Я пытаюсь использовать простой указатель даты в элементе управления.Когда пользователь нажимает на текстовое поле, календарь должен отображаться.Но календарь не появляется.

Вот мой код.

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Activity.ascx.cs" Inherits="Website.Controls.Activity"  %>


    <script type="text/javascript" src="assets/libs/jquery-ui-1.8.14.custom.min.js"></script>
    <script type="text/javascript">
    $(function () {
        $('#<%= DateHtmlInputText.ClientID %>').datepicker();
    });
    </script>

    <div id="activity">
       <asp:TextBox ID="DateHtmlInputText" CssClass="datePicker" runat="server" />
    </div>

Answer 1

Вам следует взглянуть на jQuery UI Date Picker, у него есть рабочие примеры, которые вы можете использовать / применять.Убедитесь, что вы включили все зависимости, если не используете полную библиотеку пользовательского интерфейса.Вы можете использовать ссылку «просмотреть исходный код» под примером, чтобы увидеть HTML / JavaScript того, как был создан пример.

jQuery UI DatePicker

Примерс .NET TextBox Control

<script src="http://code.jquery.com/jquery-1.6.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/JavaScript">
    $(document).ready(function () {
        $('#<%= TextBox1.ClientID %>').datepicker();
    });
</script>

Answer 2

Убедитесь, что вы включили правильные ссылки JavaScript на своей странице / главной странице, а также убедитесь, что вы используете updatepanel в своей управляющей разметке, тогда вам следует включить следующий обработчик конечных запросов JavaScript на своей странице

function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
            jQuery(document).ready(function() {
                jQuery("#txttdate").datepicker({ minDate: 0 });

                $('.timepicker_input').timepicker({
                    showPeriod: true,
                    showLeadingZero: true
                });
  });

EDIT

Если вы не используете updatepanel, вам следует также заключить вызов datpicker () в

jQuery(document).ready(function() 
{
}

, чтобы убедиться, что ваша функция будет выполняться только послеполная загрузка

также посетите Пользовательский интерфейс Jquery Datepicker в соответствии с рекомендациями нашего коллеги для получения дополнительной информации

Надеюсь, это может помочь вам