1

リンクをクリックするたびに、カレンダーのテキストボックスを動的に追加する必要があります。私はいくつかのコードをテストしました。最初の宣言では機能し、他の宣言では機能しません。これが私のコードです：

<head>
    <script type="text/javascript">
        $(function () {
            $(".hajanDatePicker").datepicker();
        });
    </script>
    <script type="text/javascript">
        var intTextBox=0;

        function addElement(){
            var contentID = document.getElementById('content');
            var newTBDiv = document.createElement('div');
            newTBDiv.setAttribute('id','txtDatePicker');
            newTBDiv.innerHTML +="Date:<input id='txtDatePicker' type='text' name='test1'>"; 
            contentID.appendChild(newTBDiv);
        }
    </script>
</head>
<body>
    <form id="form1" method="get">
        <div id="content">
            <input type="text" id="txtDatePicker" name="test1"/>
        </div>  
        <p><a href="javascript:addElement();" >Add</a>   
    </form>
</body>

フォームが読み込まれると、カレンダーを取得できます。[追加]をクリックすると、カレンダーではなく通常のテキストボックスとして開きます。

4

1 に答える 1

2

電話するだけ

$(".hajanDatePicker").datepicker();

関数の下部にありaddElementます。

そして変化する

<input id='txtDatePicker' type='text' name='test1'>

に

<input id='txtDatePicker' type='text' class='hajanDatePicker' name='test1'>

また、同じIDを持つページに複数の入力があります：txtDatePicker。

于 2012-04-23T12:12:06.033 に答える