如何動態加載使用javascript的telerik datepicker

Question

如何加載telerik datepicker。

我正在構建一個div標籤，html文本框和附加telerik datepicker的想法，可以這樣做，並可以有人解釋我的方式來做到這一點。

<div id="mainDiv"> 
str +='<div class="Subdiv" id='; 
str += data.id + ' rel="' + relData + '"><br/>Date Question<br/><label>'; 
str += data.Question + "<br/><input type='textbox' id='Date'/></br></br>"; 
str += "<input type='button' value='Submit' onclick='Submitdate(\"" + data.previousdate+"\",\"" + data.id+ "\",\"" + data.changetype+ "\")'/>"; } $('#Date').appendTo(document.body).tDatePicker(); 
str += '</label></div>'; $('#mainDiv').append(str); 

我收到錯誤$('#Date').appendTo(document.body).tDatePicker();不是函數。

Answer 1

試試這個：

註冊日期選擇器客戶端庫：

<input id="DatePickerInput" /> 

然後在頁面上某處添加以下JavaScript：

$(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Add("telerik.common.js").Add("telerik.datepicker.js"))) 

表單上創建一個輸入元素

$('#DatePickerInput').appendTo(document.body); 
$('#DatePickerInput').tDatePicker(); 

或

$('#DatePickerInput').appendTo(document.body).tDatePicker(); 

要設置一個日期值：

$('#DatePickerInput').val('5/29/2012'); //Date format may vary, you'll need to adjust it! 

祝你好運！

Answer 2

使用：

var datePicker = $("<input>", { id: "Date", value: "1/1/2013"}) 
                 .appendTo(document.body); 
datePicker.tDatePicker(); 

這應該工作！