kncokoutで、jQuery ui Datepickerを用いるとカレンダーが表示されない。

Question

通常はテキストボックスにフォーカスが当たると
カレンダーが表示されるのですが
kncokoutのforeach で定義するとカレンダーが表示されなくなってしまいました。

解決方法をご存知の方がいましたら、ご教授ください。

おそらくですが、画面表示時はforeachが展開されていないためと思われます。
（検索結果後にループが動く）

なお、foreach の外でtextboxとdatepickerを定義するとカレンダーが表示されます。

$(function() {
    $(".datepicker").datepicker()
});

	<tbody data-bind="foreach: list">
		<tr>
			<td><input type="text" data-bind="value: date" class="datepicker" /></td>
		</tr>
	</tbody>

Datepicker サイト
http://js.studio-kingdom.com/jqueryui/widgets/datepicker

足りない情報がありましたら、教えてください。

Answer 1

//<!--▼カレンダー用 -->
//$(function() {
// $(".datepicker").datepicker()
//});
//<!--▲カレンダー用 -->

$(document).on("click",".datepicker",function(){
var tmp;
tmp = $(':focus');
$(".datepicker").blur();
tmp.focus();
$(".datepicker").datepicker();
})

Answer 2

てすとてすとてすとてすと