如何使用javascript动态加载telerik datepicker答案

【问题标题】：How to dynamically load telerik datepicker using javascript如何使用javascript动态加载telerik datepicker
【发布时间】：2012-05-24 13:58:29
【问题描述】：

如何动态加载telerik datepicker。

我正在构建一个带有 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);

我收到一个错误$('#Date').appendTo(document.body).tDatePicker(); is not a function。

【问题讨论】：

请通过在问题中发布代码作为更新来编辑您的原始问题

标签： javascript jquery asp.net-mvc-3 c#-4.0 telerik-mvc

【解决方案1】：

试试这个：

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

在表单上创建一个输入元素：

<input id="DatePickerInput" />

然后在页面某处添加以下javascript：

$('#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!

祝你好运！

【讨论】：

你还需要添加“telerik.calendar.min.js”

【解决方案2】：

使用：

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

应该可以！

【讨论】：