Jquery ui 把手模板中的日期选择器

我试图找出一种方法，让jqueryui datepicker在车把模板内。到目前为止，我有以下几点似乎不起作用：

>     <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
>      <script>
>          $(function () {
>              $(".datePicker").datepicker();
>          });   </script>




 <script id="template-row" type="text/x-handlebars-template">
        <div class="returnRow{{#if altRow}} returnRow-alt{{/if}} clearfix">
            <input type="hidden" class="return-id" value="{{ID}}" />
            <input type='hidden' class='return-last-updated' value='{{LastUpdated}}' />
            <div class="pull-left returnRow-date">
                <input type="text" class="datePicker" />
             </div>
            <div class="pull-left returnRow-return">
                <input type="text" style="width: 90%" class="return-value" onchange='SaveSingleRow(this)' value="{{textValue}}" />
            </div>
            <div class="pull-left returnRow-message">
                <span class="row-message"></span>
            </div>
        </div>
    </script>

>
>      
>$（函数（）{
>$（“.datePicker”）.datePicker（）；
>          });   

我想你有两个选择：

将填充的模板添加到DOM后绑定日期选择器

将日期选择器绑定到已填充模板的jQuery包装版本，然后将该jQuery对象添加到DOM中

第一个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

第二个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

---

请注意，这两个选项都发生在模板之外。根本的问题是需要对jQuery对象调用

.datepicker

，但所有内容都只是模板内的文本，在处理并填写模板之前，您不能拥有该文本的jQuery包装版本。

我认为您有两个选项：

将填充的模板添加到DOM后绑定日期选择器

将日期选择器绑定到已填充模板的jQuery包装版本，然后将该jQuery对象添加到DOM中

第一个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

第二个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

---

请注意，这两个选项都发生在模板之外。根本的问题是需要对jQuery对象调用

.datepicker

，但所有内容都只是模板内的文本，在处理并填写模板之前，您不能拥有该文本的jQuery包装版本。

我认为您有两个选项：

将填充的模板添加到DOM后绑定日期选择器

将日期选择器绑定到已填充模板的jQuery包装版本，然后将该jQuery对象添加到DOM中

第一个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

第二个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

---

请注意，这两个选项都发生在模板之外。根本的问题是需要对jQuery对象调用

.datepicker

，但所有内容都只是模板内的文本，在处理并填写模板之前，您不能拥有该文本的jQuery包装版本。

我认为您有两个选项：

将填充的模板添加到DOM后绑定日期选择器

将日期选择器绑定到已填充模板的jQuery包装版本，然后将该jQuery对象添加到DOM中

第一个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

第二个选项如下所示：

var t = Handlebars.compile($('#template-row').html());
$(something_already_in_the_dom).append(t(data));
$('.datePicker').datepicker();

var t = Handlebars.compile($('#template-row').html());
var $html = $(t(data));
$html.find('.datePicker').datepicker();
$(something_already_in_the_dom).append($html);

演示：

请注意，这两个选项都发生在模板之外。根本的问题是，需要对jQuery对象调用

.datepicker

，但所有内容都是模板内的文本，在处理并填写模板之前，您不能拥有该文本的jQuery包装版本