使用jQuery获取datepicker值

Question

使用jQuery UI，如何在表单中使用日期选择器的值时获取日期选择器的值：

<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绑定到表单输入而不是div，因此输入中的值将与表单一起提交。

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

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

Answer 4

初​​始化：

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

获取价值：

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

请参阅以下位置的格式设置：

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

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")