0

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何が間違っていますか?

4

1 に答える 1

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
   });
});
于 2012-08-31T23:35:47.603 に答える