jquery - 使用 .datepicker() 两次

Question

我有一个使用 jQuery 的表单datepicker()。这很好用。

现在，我正在为我的用户添加内联编辑功能。但是，datepicker()不会将值返回到可编辑字段。

剧本：

<script>
    $(function() {
       $("td[id^=rowDate]").click(function() {
           $(this).html('<input type="text" name="editStartDate" value="" class="editStartDate" />');
           $(".editStartDate").datepicker();       
       });
    });
</script>

我不确定这是否重要，但我也调用datepicker()after this 函数来处理单独的任务：

<script> $(".startDate, .endDate").datepicker(); </script>

我想datepicker()返回一个新值#editStartDate我做错了什么？

Answer 1

干净的方法：

$(function() {
   $("td[id^=rowDate]").click(function() {
        // if there is already an input-field in this TD, return...
        if($(this).find('input').length > 0)
            return;

        // else create new input-field-object
        $('<input type="text" name="editStartDate" />')
            .addClass('editStartDate') // add the corresponding class (not useful anymore, but for completeness)
            .appendTo(this) // append that to the TD
            .datepicker(); // run the datepicker
   });
});