Используя jQuery каландрируют контроль в ASP.Net C#

Я использую готовый контроль за каландром, доступный в http://www.eyecon.ro/datepicker/#download/datepicker.zip.

Объект сборщика даты с готовностью обеспечивается.

В этом есть один пример, показывающий, что календарный контроль приложен с текстовым окном, но моя проблема - он, хорошо работает с коробкой текста HTML, но когда я пытаюсь сделать это с ASP, это не свойственно с asp:textbox.

мой код:


     <title></title>
     <link rel="stylesheet" media="screen" type="text/css" href="DatePicker/cssdatepicker.css" />
     <script type="text/javascript" src="DatePicker/js/datepicker.js"></script>
     <script type="text/javascript">


        $('#TextBox1').DatePicker({
            flat: true,
            date: '2008-07-31',
            current: '2008-07-31',
            calendars: 1,
            starts: 1
        });

  </script>
  </head> 
<body>
     <form id="form1" runat="server">
     <div>

            
    </div>
    </form>
</body>
0
nl ja de
Вы прилагаете id использования или класс элемента?
добавлено автор ryadavilli, источник
Пожалуйста, опубликуйте свой код для asp:TextBox и код JavaScript.
добавлено автор Tim B James, источник
осмотрите свой textbox id в браузере и использовании это за $ (' #yourInspectedTextboxId').DatePicker ()
добавлено автор sajanyamaha, источник

4 ответы

Попытайтесь использовать ниже кода

 $("#MainContent_txtCopyrightYear").datepicker({
                dateFormat: 'yy',
                changeMonth: true,
                changeYear: true,
                showOn: 'button',
                readonly: 'true',
                buttonImage: 'References/Images/calendar.gif',
                buttonImageOnly: true
            });

То, что необходимо сделать, входят в источник страницы в браузере и находят его id и просто заменяют MainContent_txtCopyrightYear тем id.

1
добавлено
Да сэр, я использовал то же самое, что вы предложили.. $ (" # <% = TextBox1. % ClientID>"). DatePicker ({квартира: верный, дата: ' 2008 07 31\U 0026\\U 0023\39; ток: ' 2008 07 31\U 0026\\U 0023\39; календари: 1, запуски: 1}); но все еще не делает работы... @Tim Б Джеймс
добавлено автор Mohemmad K, источник
И структура.NET 4 производит тот же самый id как в исходном коде для кода позади в браузере..
добавлено автор Mohemmad K, источник
Я попробовал <% = (TextBoxControl. ClientID) %>, но все еще работа
добавлено автор Mohemmad K, источник
@user2017483 , TextBoxControl был просто ссылкой на то, каков когда-либо ваш id контроля.
добавлено автор Tim B James, источник
Я трудно никогда не кодировал бы динамично произведенный ID как это. Если вы хотите получить ID, то используйте <% = (TextBoxControl. ClientID) %>
добавлено автор Tim B James, источник
Я Джеймс прав, что можно использовать $ (" # <% = txtJournalIdToMove. % ClientID>").
добавлено автор Sumant, источник

Согласно вашему коду кажется, что вы не включали файлов jQuery.

1
добавлено
я включал все файлы jQuery, доступные в пример.. <тип сценария = "текст/JavaScript" src = "datepicker/js/datepicker.js"> <тип сценария = "текст/JavaScript" src = "datepicker/js/eye.js"> <тип сценария = "текст/JavaScript" src = "datepicker/js/utils.js"> <тип сценария = "текст/JavaScript" src = "datepicker/js/layout.js? ver=1.0.2">
добавлено автор Mohemmad K, источник
" это хорошо работает с коробкой текста HTML "
добавлено автор J. Steen, источник

Работа. Кажется, что этот datepicker любит, когда поле ввода присутствует на форме. Странный. Таким образом, я выполнил немного уловки. Создайте фиктивное поле ввода, с id и классом и скройте его через css, и вуаля ваш textbox может быть присоединен к datepicker. У меня все еще нет объяснения, почему оно должно работать, когда пробились. Это должно просто работать по умолчанию, так как textbox предоставлен как поле ввода. Ваша домашняя работа, чтобы понять это....

   <link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" />
   <script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript" src="js/datepicker.js"></script>
   <script type="text/javascript" src="js/eye.js"></script>
   <script type="text/javascript" src="js/utils.js"></script>
   <script type="text/javascript" src="js/layout.js?ver=1.0.2"></script>



        $('.inputDate').DatePicker({
            format: 'm/d/Y',
            date: $('.inputDate').val(),
            current: $('.inputDate').val(),
            starts: 1,
            position: 'r',
            onBeforeShow: function() {
                $('.inputDate').DatePickerSetDate($('.inputDate').val(), true);
            },
            onChange: function (formated, dates) {
                $('.inputDate').val(formated);
                if ($('#closeOnSelect input').attr('checked')) {
                    $('.inputDate').DatePickerHide();
                }
            }
        });




 <form id="form1" runat="server">
 <div>
     <input id="inputDate2" class="inputDate" type="text" value="06/14/2008"   style="display:none" />
        
 
</div>
    </form>

enter image description here

0
добавлено
Не получение календаря. Попробованный тот же самый код, предоставленный выше. @Abide Masaraure
добавлено автор Mohemmad K, источник
Да сэр это работает, но когда я выбираю дату из календаря, это не изменяет текст текстового окна (т.е. когда я выбираю отобранную дату даты, не прибывает в текстовое окно). И сэр, я хочу осуществить календарь, который показан в Example1 пакета DatePicker. Изображение того календаря идет i.imgur.com/0Y4iXZF.png.Thank you....
добавлено автор Mohemmad K, источник
Я обновил свой ответ
добавлено автор Abide Masaraure, источник
Вам нужна функция обратного вызова, чтобы сделать это. Я обновил свой ответ, и он работает.The выбор функциональности флажка дополнительный.
добавлено автор Abide Masaraure, источник

Try moving the Scripts tags below your HTML elements. Also add a $(function(){ ... }); around the script. Read up on this at jQuery .ready()

Укладчик, встреченный к .ready (), как гарантируют, будет казнен после того, как DOM будет готов, таким образом, это обычно - лучшее место, чтобы приложить все другие обработчики событий и управлять другим кодом jQuery.

Then use <%=(TextBox1.ClientID)%> to ensure that you are always getting the correct ID. This wont make much difference in your project, but is good to know.

Также удостоверьтесь, что вы включаете версию jQuery, прежде плагин, который совместим с плагином.


     <title></title>
     <link rel="stylesheet" media="screen" type="text/css" href="DatePicker/cssdatepicker.css" />     
  </head> 
<body>
     <form id="form1" runat="server">
     <div>

            
    </div>

<script type="text/javascript" src="{PATH TO YOUR jQuery file}"></script>
<script type="text/javascript" src="DatePicker/js/datepicker.js"></script>
     <script type="text/javascript">

     $(function(){

        $('#<%=(TextBox1.ClientID)%>').DatePicker({
            flat: true,
            date: '2008-07-31',
            current: '2008-07-31',
            calendars: 1,
            starts: 1
        });
     });

  </script>

    </form>

</body>
0
добавлено
Я проверил это.. Но главная потребность сэра, выбирая дату из календаря. Первый год должен наступить. Когда каждый выбирает год, тогда месяцы должны наступить тогда после того, как даты - показ... с этим пакетом (DatePicker), я получаю это, но не работаю со средствами управления ASP. JQuery' s DatePicker бежит гладко... Тим Б Джеймс
добавлено автор Mohemmad K, источник
действительно ли я могу отправить свой код по почте вам.?
добавлено автор Mohemmad K, источник
Версия 1.3.2
добавлено автор Mohemmad K, источник
Никакой сэр у меня нет страницы онлайн.
добавлено автор Mohemmad K, источник
Да сэр я включал все включенные файлы jQuery и также не получение любой ошибки JavaScript..
добавлено автор Mohemmad K, источник
Сэр, не Может найти ваш e почтовый ID в вашем профиле..
добавлено автор Mohemmad K, источник
Сэр скопировал тот же самый код, который вы предоставили выше и внесли изменения в пути, но не получении календаря. @Tim Б Джеймс
добавлено автор Mohemmad K, источник
У вас есть страница онлайн, что мы видим его теперь работа?
добавлено автор Tim B James, источник
Свяжитесь со мной через мой веб-сайт, и я пошлю вам по электронной почте назад.
добавлено автор Tim B James, источник
Уверенный. Проверьте мой профиль.
добавлено автор Tim B James, источник
Испытание основного примера здесь jsfiddle.net/gchmb это doesn' t, кажется, работают. Я использовал бы jQuery UI DatePicker. Проверьте его здесь jqueryui.com/datepicker
добавлено автор Tim B James, источник
Какую версию jQuery вы используете?
добавлено автор Tim B James, источник
Хорошо, таким образом, вам действительно включали файл jQuery? Вы получаете какие-либо ошибки JavaScript?
добавлено автор Tim B James, источник
DotNetRuChat
DotNetRuChat
2 992 участник(ов)

Чат русскоязычного .NET сообщества http://dotnet.ru/ Вам могут быть интересны: @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @xamarin_russia, @microsoftstackjobs, @uwp_ru Флуд в @dotnettalks

Microsoft Stack Jobs
Microsoft Stack Jobs
1 788 участник(ов)

Work & freelance only Microsoft Stack. Feed https://t.me/Microsoftstackjobsfeed Чат про F#: @Fsharp_chat Чат про C#: @CSharpChat Чат про Xamarin: @xamarin_russia Чат общения:@dotnettalks

pro.net
pro.net
710 участник(ов)

Обсуждение .NET Framework и всего, что с ним связано. Правила: не флудить не по теме, уважать ваших коллег и никакой рекламы (объявления о вакансиях можно согласовать с @AlexFails). Флудилка: @dotnettalks Участник @proDOT

Microsoft Developer Community Chat
Microsoft Developer Community Chat
584 участник(ов)

Чат для разработчиков и системных администраторов Microsoft Developer Community. __________ Новостной канал: @msdevru __________ Баним за: оскорбления, мат, рекламу, флуд, флейм, спам, NSFW контент, а также большое количество оффтоп тем. @banofbot

.NET Talks: Force Push Masters
.NET Talks: Force Push Masters
490 участник(ов)

Свободный чат .NET разработчиков. Правила: t.me/dotnettalks/56823 Вам могут быть интересны: @dotnetruchat, @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @dotnetgroup, @xamarin_russia, @microsoftstackjobs, @uwp_ru http://combot.org/chat/-1001128250813

.NET Chat Убежище
.NET Chat Убежище
246 участник(ов)

Чат .NET разработчиков под эгидой MSK/SPB .NET Community Group Вам могут быть интересны: @fsharp_chat, @dotnetruchat, @cilchat, @xamarin_russia, @microsoftstackjobs, @dotnetgroup Флуд в @dotnettalks

.NET CIL Chat
.NET CIL Chat
54 участник(ов)

.NET CIL (aka IL aka MSIL)