如何使用javascript动态加载telerik日期选择器

如何动态加载telerik日期选择器

我正在用html文本框构建一个div标记，并考虑添加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);  

str+='
日期问题
'；
str+=数据。问题+“


”；
str+=“”；}$（“#Date”）.appendTo（document.body）.tDatePicker（）；
str+=''$（“#mainDiv”）.append（str）；

我收到一个错误

$（'#Date'）.appendTo（document.body）.tDatePicker（）不是函数。
请尝试以下操作：

注册日期选择器客户端库：

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

在表单上创建输入元素：

<input id="DatePickerInput" />

或

要设置日期值，请执行以下操作：

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

祝你好运
 试试这个：

注册日期选择器客户端库：

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

在表单上创建输入元素：

<input id="DatePickerInput" />

或

要设置日期值，请执行以下操作：

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

祝你好运
 使用：

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

var-datePicker=$（“”，{id:“日期”，值：“1/1/2013”}）
.附录（文件正文）；
tDatePicker（）；

那应该行
 使用：

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

var-datePicker=$（“”，{id:“日期”，值：“1/1/2013”}）
.附录（文件正文）；
tDatePicker（）；

那应该行
 请通过将问题内的代码发布为更新来编辑原始问题请通过将问题内的代码发布为更新来编辑原始问题您还需要添加“telerik.calendar.min.js”您还需要添加“telerik.calendar.min.js”