如何在創建動態HTML頁面時使用datepicker

我正在使用jquery mobile在main.js中創建一個動態HTML頁面。我想爲我的一個動態創建的HTML輸入元素使用日期選擇器。當我點擊目標發佈字段的文本框時，我想要顯示日期選擇器。如何在創建動態HTML頁面時使用datepicker

我的動態頁面（main.js）：

var newPage=$("<label for='date'>Target Release</label><input type='text' name='date' id='rel' value='' /> rest of my HTML elements goes here"); 
newPage.appendTo($.mobile.pageContainer); 

$.mobile.navigate("#newPage1");

我已經添加了下面的代碼片段在main.js

$(function() { 

    $("#rel").datepicker(
    {dateFormat: 'MM yy'} 
    ); 
    });

我甚至試着寫的代碼如下所示。

`var newPage=$("<label for='date'>Target Release</label><input type='text' name='date' id='rel' value='' />"+ 

    $("#rel").datepicker(
    {dateFormat: 'MM yy'} 
    ); 

+"rest of my HTML elements goes here"); 

newPage.appendTo($.mobile.pageContainer); 

    $.mobile.navigate("#newPage1");`

但我沒有得到日曆小部件。

我已經在index.html中嘗試了相同的代碼邏輯。它工作正常。請讓我知道它爲什麼不在main.js中工作的原因。動態創建頁面時不能使用Datepicker小部件？

在此先感謝！

來源

2015-03-13 Gayathri Kuppusamy

你能告訴用JavaScript – maxspan 2015-03-13 11:00:03

下面的HTML代碼是我的HTML代碼目標版本 – 2015-03-14 07:33:13