0

ボタンがクリックされると、HTML を動的にロードしています。その html がモーダル ウィンドウに表示されます。<input type="text" class="datepicker"/>日付ピッカーを付けたい要素が含まれています。jQuery.live()がこの種のものをサポートしていたことを覚えていますが、それはon(). ただし、正しく使用する方法がわかりませんon()：

$('.datepicker').on('load', function() { $(this).datepicker(); });

動作しません。

4

3 に答える 3

1

これも試すことができます

$(function(){
        $(document).on("click", ".datepicker", function(){

            if (!$(this).hasClass("hasDatepicker"))
            {
                $(this).datepicker();
                $(this).datepicker("show");
            }
        });
    });
于 2013-09-06T07:47:38.153 に答える
0

実際にはJavaScriptコードを使用しました。動的に作成されたテキストボックスの日付ピッカー用。テキストボックス(2行目)で日付を選択できません。コードを送信しています。確認して教えてください。

//datepicker の JavaScript はこちら

$(function() {
    $( ".datepicker" ).datepicker({ 
        yearRange: "1980:c",
        maxDate: "+0D",
        changeMonth: true, 
        changeYear: true, 
        dateFormat: "mm/dd/yy",
        //showOn: "button",
        //buttonImage: "Images/calendar.gif",
        buttonImageOnly: true
    });

               $('.timepicker').timepicker({
                timeFormat: 'hh:mm'
               });
});

addrows の動的な javascript

function addRow(tableID) {


        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var colCount = table.rows[2].cells.length;


        for(var i=0; i<colCount; i++) {

            var newcell = row.insertCell(i);

            newcell.innerHTML = table.rows[2].cells[i].innerHTML;
            //alert(newcell.innerHTML);
            //alert(newcell.childNodes);
            switch(newcell.childNodes[0].type) {
                case "text":
                case "hidden":
                        newcell.childNodes[0].value = "";
                        break;
                case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                case "select-one":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
                case "textarea":
                        newcell.childNodes[0].value = "";
                        break;
            }
        }
    }

テーブルIDを使用して行を追加するためのhtml

<td><input id="date" type="text" name="date[]"  class="datepicker" size="10"  value="<?php echo Convert_Date($rows1['date']); ?>"/></td>
于 2014-03-20T07:27:51.510 に答える