附加到div而不是input元素时，jQuery datetimepicker addon无法正常工作

Question

我正在使用jquery Trent Richardson datetimepicker addon，它在链接到文本输入时工作正常（请参阅下面的链接）。

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

但是，当我将它附加到div以便选择器一直显示时，以及altField选项时，日期和时间无法在altfield中正确显示（请参阅下面的链接）。如果我将altField添加到可用的版本中，我可以创建类似的问题，所以我认为它可能与此有关。

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

Answer 1

Hiya请在此处查看工作演示：http://jsfiddle.net/Dgnjn/

D'uh不要忘记投票并接受：））

您可以使用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作为String。使用parseDate将其转换为JS Date Object。

有关完整的jQuery UI DatePicker参考，请参阅http://docs.jquery.com/UI/Datepicker。