jquery timepicker在phonegap android中不起作用

Question

我正在创建一个应用程序，我想在其中应用 datepicker 来选择生日，因此我尝试使用 jquery-ui-timepicker-addon.js 但问题是当我尝试使用它静态地在 div 中然后它显示日期选择器但是当我尝试动态创建它时它不起作用任何人都可以告诉它为什么它会这样以及我在哪里犯了错误 这是创建动态日期选择器的代码：

    var creatText = $(document.createElement('input')).attr('type','text');
    creatText.attr('class','datetimepicker');
    creatText.attr('id','birthdate');
    creatText.attr('size','25');
    creatText.attr('placeholder','Birth Date');
    creatText.appendTo('#contentdemo');

这里是静态创建日期选择器的代码，它的工作正常：

<div data-role="content" id="contentDemo">
<div data-role="collapsible-set" data-content-theme="c" style="margin-left: 8px;margin-right: 8px" id="dynamic_actionform">
</div>
  <input class='datetimepicker' placeholder="birth date" size='25'>
</div>

这里是 github 中 js 文件的示例，我使用enter link description here logcat 中的错误：

logcat09-05 06:37:41.943: D/CordovaLog(2822): Uncaught Error: no such method 'value' for slider widget instance 09-05 06:37:41.943:

E/Web Console(2822): Uncaught Error: no such method 'value' for slider widget instance at file:///android_asset/www/js/jquery-1.7.1.js:552

提前致谢。

Answer 1

我相信在将新元素附加到 DOM 之后，您需要在新元素上调用 .datetimepicker()，如下所示：

$('#contentdemo').append('<input type="text" id="birthdate" size="25" placeholder="Birth Date">');

// This should initialize the datepicker functionality
jQuery('#birthdate').datetimepicker();

Answer 2

var creatText = $(document.createElement('input')).attr('type', 'text');
creatText.attr('class', 'datetimepicker');
creatText.attr('id', 'birthdate');
creatText.attr('size', '25');
creatText.attr('placeholder', 'Birth Date');
creatText.appendTo('#contentDemo');

$('.datetimepicker').datetimepicker()

您在追加时将contentDemo 拼写为contentdemo。

Fiddle Example