Получить значение datepicker с помощью jQueryUI

Question

Используя jQuery UI , как я могу получить значение средства выбора даты в сообщении http, когда оно используется в форме следующим образом:

<div id="datepicker"></div>

Answer 1

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
      $("input[name='something']").val(dateText);
    }
});

Вот скрипка: http://jsfiddle.net/jensbits/9hbmy/338/

Answer 2

Вы ищете это.

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

Answer 3

Инициализация:

$( "#datepicker" ).datepicker({ dateFormat: "yy-m-dd" });

Получить значение:

$("#datepicker").datepicker().val() //2014-4-15

См. Настройки формата по адресу:

http://api.jqueryui.com/1.9/datepicker/#option-dateFormat

Answer 4

Вы должны привязать указатель даты к входу формы вместо div, чтобы значение на входе было отправлено обратно вместе с формой.

<input type="text" id="datepicker"></div>

<script>
    $(function () {
        $('#datepicker').datepicker();
    });
</sript>

Answer 5

Добавьте скрытое поле и добавьте его в опцию " altField ".

Редактировать: Возможно, вы также захотите проверить это решение:

HTML:

<div id="datepicker">KLICK ME</div>
<input type="hidden" id="hidde_date_field" />

JavaScript:

$('#hidde_date_field').datepicker();

$('#datepicker').click(function() {
    $('#hidde_date_field').datepicker( "show" );
});

Answer 6

Это сработало просто отлично для меня:

$("#datepicker").find(".active").attr("data-date")