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()来处理单独的任务：

<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
   });
});

使用.datepicker（）两次

1 个答案: