jQueryUI DatePickerのインライン表示で、選択された日付を取得したい

Question

jQueryUI DatePickerを使おうと考えています。
インライン表示で使いたいです。
お聞きしたいのですが、ユーザーが日付を選んだときにその日付を把握するにはどうすればいいでしょうか?
どなたかアドバイスいただけないでしょうか?

Answer 1

HTMLのinputの値として取得するのであれば、

//js
$("#calender").datepicker({ // 日付が選択された時、日付をテキストフィールドへセット
onSelect: function(dateText, inst) { 
$("#date_val").val(dateText);
} 
});
});
// html
<p><input type="text" id="calender" /></p>

これだけでできますよ。
jqueryで取得したい場合は、getDate関数を使えば日付を取得できます。
値はJavaScript Dateオブジェクトとして返ってきます。
ユーザーが日付を選択した際に上の値を使いたい場合は、onSelectイベントが使えます。

$("#calender").datepicker({
onSelect: function(dateText, inst) { 
var date1 = dateText; // 08/13/2014の形
var date2 = $(this).datepicker( 'getDate' ); //　Wed Aug 13 2014 00:00:00 GMT+0900　の形
alert(date1);
}
});

それをJS Dateオブジェクトに変換する場合はparseDateオブジェクト（http://docs.jquery.com/UI/Datepicker/parseDate）を使いましょう。