1

テレリックの日付ピッカーを動的にロードする方法。

私はhtmlテキストボックスを使用してdivタグを作成しており、telek 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();が表示されます。

4

2 に答える 2

3

これを試して：

datepicker クライアント側ライブラリを登録します。

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

幸運を！

于 2012-05-30T14:43:24.170 に答える
2

使用する：

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

それはうまくいくはずです！

于 2012-12-11T17:19:47.437 に答える