Jquery 剑道网格Tabstrip中的剑道日期选择器-模板无效

Jquery 剑道网格Tabstrip中的剑道日期选择器-模板无效,jquery,asp.net-mvc,datepicker,kendo-ui-mvc,Jquery,Asp.net Mvc,Datepicker,Kendo Ui Mvc,我在剑道标签中遇到剑道日期选择器问题。下面是我的代码。在运行时,我得到一个“Error:Invalid template:”错误。你有什么办法让这一切顺利进行吗 <script id="EditDevelopmentPlanTemplate" type="text/kendo-tmpl"> @(Html.Kendo().TabStrip() .Name("EditDevelopmentPlanTabStrip") .SelectedIndex(0) .Anim

我在剑道标签中遇到剑道日期选择器问题。下面是我的代码。在运行时,我得到一个“Error:Invalid template:”错误。你有什么办法让这一切顺利进行吗

<script id="EditDevelopmentPlanTemplate" type="text/kendo-tmpl">
@(Html.Kendo().TabStrip()
    .Name("EditDevelopmentPlanTabStrip")
    .SelectedIndex(0)
    .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
    .Items(items =>
    {
        items.Add().Text("Quarterly Meeting Notes").Content(@<text>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q1MeetingNotes, new { style = "width:470px" })
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(m => m.EDP_Q1MeetingNotes, new { style = "width: 470px" })
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q1MeetingDate)
            </div>
            <div class="editor-label">
                @Html.Kendo().DatePickerFor(m => m.EDP_Q1MeetingDate)
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q2MeetingNotes, new { style = "width:470px" })
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(m => m.EDP_Q2MeetingNotes, new { style = "width: 470px" })
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q2MeetingDate)
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q3MeetingNotes, new { style = "width:470px" })
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(m => m.EDP_Q3MeetingNotes, new { style = "width: 470px" })
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q3MeetingDate)
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q4MeetingNotes, new { style = "width:470px" })
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(m => m.EDP_Q4MeetingNotes, new { style = "width: 470px" })
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.EDP_Q4MeetingDate)
            </div>
        </text>);
    }).ToClientTemplate())
</script>                    

@(Html.Kendo().TabStrip())
.名称(“EditDevelopmentPlanTabStrip”)
.已选择索引(0)
.Animation(Animation=>Animation.Open(Open=>Open.Fade(FadeDirection.In)))
.项目(项目=>
{
items.Add().Text(“季度会议记录”).Content(@
@LabelFor(m=>m.edpq1;meetingnotes,新的{style=“width:470px”})
@text区域(m=>m.EDP_Q1MeetingNotes,新的{style=“width:470px”})
@Html.LabelFor(m=>m.EDP_Q1MeetingDate)
@Html.Kendo().DatePickerFor(m=>m.EDP_Q1MeetingDate)
@LabelFor(m=>m.EDP_q2; meetingnotes,新的{style=“width:470px”})
@text区域(m=>m.EDP_Q2会议笔记,新的{style=“width:470px”})
@Html.LabelFor(m=>m.EDP_q2会议日期)
@LabelFor(m=>m.EDP_Q3MeetingNotes,新的{style=“width:470px”})
@text区域(m=>m.EDP_Q3MeetingNotes,新的{style=“width:470px”})
@Html.LabelFor(m=>m.EDP_q3会议日期)
@LabelFor(m=>m.EDP_Q4MeetingNotes,新的{style=“width:470px”})
@text区域(m=>m.EDP_Q4MeetingNotes,新的{style=“width:470px”})
@Html.LabelFor(m=>m.EDP_Q4会议日期)
);
}).ToClientTemplate())

好的,因此对于可能遇到此问题的任何人来说,脚本末尾的}).ToClientTemplate()并不能将其删除。为了使DateTimePicker控件与模板一起工作,必须在DateTimePicker声明的末尾添加.ToClientTemplate(),如下所示:

@Html.Kendo().DatePickerFor(m => m.Date).ToClientTemplate()