0

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

    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 文件的示例,我 在 logcat 中使用enter link description here错误:

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

提前致谢。

4

2 回答 2

0

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

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

// This should initialize the datepicker functionality
jQuery('#birthdate').datetimepicker();
于 2013-08-30T11:53:52.900 回答
0
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

小提琴示例

于 2013-09-05T07:09:17.413 回答