0

jquery Trent Richardson datetimepicker addonを使用していますが、これはテキスト入力にリンクされているとうまく動作します(下のリンクを参照)。jQuery datetimepicker addonが入力要素ではなくdivに接続されている場合

http://jsfiddle.net/many_tentacles/xnn3M/1/

ピッカーはすべての時間、およびaltFieldオプションを示しているので、私はdiv要素にアタッチするときただし、日付と時刻がaltfieldに正しく表示されない(下のリンクを参照してください)。 altFieldをバージョンに追加すると、これと何か関係があるかもしれないと思うので、同様の問題を作り出すことができます。

http://jsfiddle.net/many_tentacles/EyPm5/

+0

両方のリンクが機能しません。 – j08691

答えて

1

Hiyaここを作業のデモを参照してください:http://jsfiddle.net/Dgnjn/

D'ええと:) upvoteと受け入れることを忘れないでください)

あなたはにonSelectイベントを使用することができます。

$('#datetimepicker').datetimepicker({ 
    //altField: '#alternate', 
    dateFormat: 'yy-mm-dd', 
    timeFormat: 'hh:mm:ss', 
    stepHour: 2, 
    stepMinute: 10, 
    onSelect: function(dateText, inst) { 
     var dateAsString = dateText; //the first parameter of this function 
     var dateAsObject = $(this).datepicker('getDate'); //the getDate method 

     $('#alternate').val(dateAsObject); 
     // alert(dateAsObject + '==> ' + $('#alternate').val()); 
    } 

}); 

最初のパラメータは、この場合、選択されたDate as Stringです。 parseDateを使用して、JS Dateオブジェクトに変換します。

完全なjQuery UIのDatePickerリファレンスについては、http://docs.jquery.com/UI/Datepickerを参照してください。

関連する問題