Получить выбранную дату в встроенном режиме jqueryui datepicker

Question

Я пытаюсь использовать jqueryui datepicker. Я хочу использовать встроенный режим.

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

Answer 1

Вы можете получить дату, используя функцию getDate:

$("#datepicker").datepicker( 'getDate' );

Значение возвращается как объект JavaScript Date.

Если вы хотите использовать это значение, когда пользователь выбирает дату, вы можете использовать событие onSelect:

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

Первый параметр в этом случае - выбранная дата в виде строки. Используйте parseDate , чтобы преобразовать его в объект даты JS.

См. http://docs.jquery.com/UI/Datepicker для полной справки DatePicker пользовательского интерфейса jQuery.

Answer 2

$(document).on("change", "#datepickerdiv", function () {
         alert($(this).val())


    })

Это самый простой ответ в Jquery.

Answer 3

Я пытался работать с закрытием event, но оно также использовалось для запуска, когда календарь открыт, и я щелкаю где-нибудь еще на экране. В конце концов календарь теряет focus и close event он вызвал. Так что я нашел это;

  onClose: function (dateText, inst) {
            function isDonePressed() {
                return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
            }
            if (isDonePressed()) {
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
            }
        }