jayesh_n Ответов: 2

Почему в jQuery всплывающее календарь не работает до отправки ?

I am using jquery plugin for pop up calendar in asp.net page. When the page loads, it does not fires on focus event of corresponding textbox.

But, after postback the jquery calendar pop up works finely.

Please tell me the reason and solution for this.


Что я уже пробовал:

<script src="Scripts/jquery-3.1.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>
<link href="Scripts/jquery-ui.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

$(document).ready(function () {
$("#txtDob").focus(function () {
$("#txtDob").datepicker({
dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true
});
});
});
</script>

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

2 Ответов

Рейтинг:
5

Bryian Tan

Зачем вам нужно мероприятие focus? Это должно сделать трюк

<script type="text/javascript">
    $(document).ready(function () {
       // $("#txtDob").focus(function () {
            $("#txtDob").datepicker({
                dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true
            });
      //  });
    });
</script>

Я вижу, может быть, вы хотите, чтобы datepicker отображался при загрузке страницы, установив фокус на текстовом поле?
Как запустить jQuery datepicker с помощью Focus-Stack Overflow[^]

jayesh_n

Привет Брайан,

Как правильно работает приведенный выше скрипт после удаления события focus ? Пожалуйста объяснить

Bryian Tan

Я не уверен, я предполагаю, что динамически сгенерированный datepicker не был правильно инициализирован внутри события функции focus. Еще один трюк, который вы можете сделать, - это явно вызвать метод datepicker show после инициализации.

$("#txtDob").focus(function () {
    $("#txtDob").datepicker({
        dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true
    });
    $('#txtDob').datepicker('show');
});

Рейтинг:
2

Karthik_Mahalingam

пробовать

<script type="text/javascript">

       $(document).ready(function () {
           $("#txtDob").datepicker({
               dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true
           });
           $("#txtDob").focus();
       });
   </script>