3

私は問題があります。jQuery Datepicker は動的フォームでは機能しないため、日付を選択できません。これが私のデモリンクhttp://gestionale.odoyabooks.com/sum.phpです。

JavaScript:

<script>
$(document).ready(function() {
    $('.input_date').on('click', function() {
    $(this).datepicker('destroy').datepicker({showOn:'focus'}).focus();
        });
});
</script>

HTML:

<form action="" method="POST">

<div class="yes">
    <div id="cost1" class="clonedCost" style="display: inline;">
        <table  border="0">
          <tr>          
            <td><label class="date" for="date">Date</label></td>
          </tr>
          <tr>
            <td><input class="input_date" id="date" type="text" name="date[]" /></td>
          </tr>
        </table>
    </div>
    <div id="addDelButtons_cost"><input type="button" id="btnAdd" value=""> <input type="button" id="btnDel" value=""></div>
</div>

</form>
4

2 に答える 2

1

日付ピッカーを破棄/再初期化する理由がわかりません。要素を作成した後、単に .datepicker() を呼び出す必要があります。例えば：

function createInput() {
    $('<input type="text" name="date" />').appendTo("form").datepicker();
}

編集: ここにデモがあります: http://jsfiddle.net/xEmJu/

于 2013-08-01T19:11:43.720 に答える