javascript - 在phonegap android中动态创建的字段不会出现datetimepicker

Question

我正在动态创建一个输入字段来显示日期时间选择器。当我在正文中创建字段并给出 class='datetimepicker' 时，它会在应用程序中显示日期选择器，但当尝试动态创建字段并给出类名时datetimepicker 它不显示日期选择器任何人都可以告诉我问题是什么。这是日期时间选择器的代码:

var input_date=$(document.createElement('input')).attr('id','brthdate');
    input_date.attr('class','datetimepicker');
    input_date.attr('onclick','displaydate()');
    input_date.attr('type','text');
    input_date.appendTo('#contentDemo');
$('#demopage').trigger('create');
function displaydate(){
$("#brthdate").datetimepicker();}

这里是用于日期时间选择器的js文件列表:

jquery.mobile-1.3.1.min.css" 
mobiscroll.css" 
jquery.js jquery-ui.js
jquery.mobile-1.3.1.min.js 
jquery-ui-timepicker-addon.js 
mobiscroll.js
application.js

Answer 1

尝试一下

var input_date=$(document.createElement('input')).attr('id','brthdate');
input_date.attr('class','datetimepicker');

//input_date.attr('onclick','displaydate()');
$("#brthdate").datetimepicker();

input_date.attr('type','text');
input_date.appendTo('#contentDemo');
$('#demopage').trigger('create');

或者直接在 DOM READY 上使用其类名，例如

$(document).ready(function(){
    $('.datetimepicker').datetimepicker();
});

然后创建新元素