Question

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

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();}

这是用于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();
});

然后创建新元素

Answer 2

您可以使用以下代码执行此操作。

var input_date=$('<input/>').attr('id','brthdate');
    input_date.attr('class','datetimepicker');
    input_date.datetimepicker();
    input_date.attr('type','text');
    input_date.appendTo('#contentDemo');
$('#demopage').trigger('create');

<强> Demo

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

2 个答案: