2014-10-11 3 views
0

Я пытаюсь понять, как это сделать. Я посмотрел на stackOverflow и Google, и ничто не работает для меня. У меня есть встроенный JQuery UI datepicker и вы хотите, чтобы окно предупреждения появлялось, когда пользователь выбирает дату. Мой код:JQuery UI onSelect Not Firing

HMTL:

<div id="datePicker1"></div> 

JavaScript:

<script type="text/javascript"> 
    $("#datePicker1").datepicker(); 

    $("#datePicker1").datepicker({ 
     onSelect: function(dateText, inst){ 
      alert('hi'); 
     } 
    }); 
</script> 

календарь показывает вверх, но когда я выбираю любую дату, ничего не происходит. Я хотел бы знать, почему. Любая помощь приветствуется. Благодарю.

+1

ли работать лучше, если вы только звоните 'DatePicker()' один раз? – Barmar

+0

Да! Я просто удалил первый. Как ни странно, я пробовал это несколько раз раньше, и ничего не случилось - тогда я понял, что каким-то образом удалил знак # перед вторым вызовом. Спасибо за ваш ответ. Он работает сейчас! :) – SpencerAAA

ответ

0

Опции инициализируются при первом вызове datePicker() на элемент. Если вы хотите изменить параметры позже, вы должны использовать метод option:

$(function() { 
 
    $("#datePicker1").datepicker(); 
 

 
    $("#datePicker1").datepicker("option", { 
 
    onSelect: function(dateText, inst) { 
 
     alert('hi'); 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> 
 
<input id="datePicker1">