Knockoutjs 和 JQuery 日期选择器。重新渲染后元素丢失日期选择器

Question

当我尝试使用 id 为“eventStartDate”的输入时，在它被隐藏并再次可见后 - 它会丢失日期选择器：

<!-- ko 'if': isEvent.forEditing -->
    <div class="editor-field">
        <div class="editor-label">Початок події: </div>
        <input type="datetime" name="eventStartDate" id="eventStartDate" />
        @Html.ValidationMessageFor(model => model.eventStartDate)
    </div>
<!-- /ko -->

有人可以告诉我如何在重新渲染后强制 $("#eventStartDate").datepicker() 初始化这个对象吗？

谢谢。

UPD：我知道它必须以某种方式通过自定义绑定来完成，但是有人可以帮我弄清楚，到底是怎么回事？..

Answer 1

最好的办法是考虑使用custom binding，就像这个答案中的那个：knockoutjs databind with jquery-ui datepicker 或这个答案：jQuery UI datepicker change event not caught by KnockoutJS。

如果您不需要双向数据绑定，那么最简单的自定义绑定就是：

ko.bindingHandlers.datepicker = {
   init: function(element) {
       $(element).datepicker();

       //handle disposal (if KO removes by the template binding)
       ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).datepicker("destroy");
       });
   }  
};