datetimepicker不會出現在phonegap動態創建的字段android

我創建一個輸入字段動態顯示datetimepicker.when我創建字段在體內並給班='datetimepicker'然後它顯示在應用程序中的日期選擇器，但當試圖動態創建一個字段，並給類名datetimepicker它doesnot不顯示日期選擇器可以告訴我什麼是問題。這裏是日期時間選擇器代碼：datetimepicker不會出現在phonegap動態創建的字段android

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

來源

2013-08-24 Neerav Shah

嘗試像

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');

，或直接用它的類名on DOM READY like

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

然後創建新元素

來源

2013-08-24 06:16:23 Gautam3164

像你說的我試過，但直到沒有發生它沒有顯示的DateTimePicker –

是它創建輸入字段..？ – Gautam3164

是的，它創建的輸入字段，我在瀏覽器Firefox中使用螢火蟲檢查它 –

您可以使用下面的代碼執行此操作。

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

來源

2013-08-24 06:35:14

在您的代碼，當您第一次點擊它將創建datetimepicker，並看到它的行動，你需要再點擊一次....所以在創建時間時進行硝化，所以當用戶第一次點擊字段時，他們會看到datetimepicker。 –

仍然其行事相同 –

@NeeravShah什麼datetimepicker css ..？你有包括它..？看我的演示...我已經添加了css的那個 –

datetimepicker不會出現在phonegap動態創建的字段android

回答

相關問題