デフォルトの形式で日付ピッカーから取得日時とjQuery UIで別の形式に

Question

を変換私はページ（次のシンプルなテキストボックスに隠しフィールド）にこれらの要素を持っている：

<input id="start_date" type="text"> 

<input id="start_date_hidden" type="hidden"> 

私は私が書いたテキストボックスに日付ピッカーを適用この：

$("#start_date").datetimepicker({ 
    dateFormat: 'DD dd MM yy' 
}); 

今、私は後に別の形式に日付を選択し、隠されたフィールドに設定されている日付の変換を選択します。そのために私はこれを書いた：

$("#start_date").datepicker({ 
       dateFormat: 'DD dd MM yy', 
       onSelect: function (dateText, inst) { 
        val = $(this).datepicker({ dateFormat: 'dd-mm-yy' }).val() 

        $(this).next().val(val) 
       } 
      }); 

しかし、これは動作しませんし、テキストボックスの同じ形式で日付を設定します。

どうすればいいですか？

Answer 1

jQuery UI Datepickerは、選択した日付を別の形式で保存できる「alt」フィールドと書式をサポートしています。

$("#start_date").datepicker({ 
    dateFormat: 'DD dd MM yy', 
    altFormat: 'dd-mm-yy', 
    altField: "#start_date_hidden" 
}); 

http://api.jqueryui.com/datepicker/#option-altField