jquery - jQuery datetimepicker插件在附加到div而不是输入元素时不起作用

Question

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

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

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

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

Answer 1

您好，请在此处查看工作演示：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());
   }

});

在这种情况下，第一个参数是选定的日期作为字符串。使用parseDate将其转换为 JS 日期对象。

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