Ajax 调用返回部分视图，剑道日期选择器无法正确刷新

我正在通过ajax调用添加到元素列表中。 ajax 调用将信息发送到控制器，控制器将所有内容添加到数据库中，然后从数据库中获取列表的所有项，将这些项添加到视图模型，然后返回包含模型的部分视图。 我清除列表的div 容器，然后添加返回的 HTML。

$('#container').empty().html(result);

我的问题是，在HTML中，我有剑道日期选择器。 页面加载正常，如果我刷新，一切都很好。 但是在阿贾克斯电话之后，剑道日期选择者就不在那里了。 我调试并从 ajax 调用中获得了结果 HTML，以下是为日期选择器显示的内容：

jQuery(function(){jQuery("#dueDate0").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});

'dueDate0' 显然是元素的 ID，但它不应该为零，而应该是一个实际的 ID 号(例如 12 (。 当我在 AJAX 调用后查看 HTML 时，日期选取器只是具有日期类型的输入元素。

有什么建议吗？

谢谢

编辑：这是在AJAX调用中返回的HTML。

<div id="accordion">
    <div class="ItemList">
        <table class="tblPriorityElement">
            <tr>
                <td class="tdPrioritySelect">
                    <div class='handle'><span class='ui-icon ui-icon-carat-2-n-s'></span></div>
                </td>
                <td class="tdPriorityName">fasdfasr4</td>
                <td class="tblType" tabindex="0">
                    <span class="txtType">Project</span>
                </td>
                <td class="tdPriorityDate" tabindex="0">
                    <time>10/8/2013</time>
                </td>
                <td class="tdAllocation" tabindex="0">
                    <span class="txtAllocation">0 hrs</span>
                </td>
                <td class="tdDeletePriority">;
                    <a href="#"><img src="../../Images/redx.png"/></a>
                </td>
            </tr>
        </table>
        <div class="content">
            <form class="editItem">
                <input id="ItemID" name="ItemID" type="hidden" value="0" />
                <label>Name:</label>
                <input class="text-box single-line" id="Item_Name" name="Item.Name" type="text" value="fasdfasr4" />
                <label>Type:</label>
                <input class="text-box single-line" id="Item_Type" name="Item.Type" type="text" value="Project" />
                <label>Due date:</label>
                <input class="k-input" id="dueDate0" name="dueDate0" type="date" value="10/8/2013" />
jQuery(function(){jQuery("#dueDate0").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
                <br/>
                <label>End Date:</label>
                <input class="k-input" id="endDate0" name="endDate0" type="date" />
jQuery(function(){jQuery("#endDate0").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
                    <label>Start Date:</label>
                    <input class="k-input" id="startDate0" name="startDate0" type="date" value="10/8/2013" />
jQuery(function(){jQuery("#startDate0").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
                <br/>
                <input type="submit" value="save"/>
            </form>
        </div>
    </div>
</div>