web-dev-qa-db-ja.com

jQueryUIを使用してdatepicker値を取得します

jQuery UI を使用して、フォーム内で次のように使用されている場合、http投稿で日付ピッカーの値を取得するにはどうすればよいですか。

<div id="datepicker"></div>
jqueryjquery-uidatepicker
17
ingh.am
$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
      $("input[name='something']").val(dateText);
    }
});

ここにフィドルがあります： http://jsfiddle.net/jensbits/9hbmy/338/

31
jk.

これを探していますか？.

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

初期化：

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

値を取得：

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

次のフォーマット設定を参照してください。

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

3
user669677

日付ピッカーをdivではなくフォーム入力に結び付ける必要があります。そのため、入力の値はフォームとともに送信されます。

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

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

非表示フィールドを追加し、「 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" );
});
1
Thorsten

これは私にとってはうまくいきました：

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