难以为动态创建的文本框获得日期选择器 - Struggling to get datepicker for dynamically created textboxes

Struggling to get datepicker for dynamically created textboxes

我已经动态生成了文本框，并尝试分别为每个文本框获取日期选择器。

问题是，如果我选择一个文本框并选择日期，它将适用于所有文本框。我不知道如何传递值来得到结果。如果我的英语(或)表达方式有误，请原谅。我将感激你的帮助。

我的脚本调用日历:

<script type="text/javascript">
$(window).load( function() {
    $('#mycalendar3').monthly({
        mode: 'picker1',
        target: '#mytarget1',
        setWidth: '370px',
        startHidden: true,
        showTrigger: '#mytarget1',
        stylePast: true,
        disablePast: true,
                    xmlUrl: 'events.xml'
    });

                $('#mycalendar2').monthly({
        mode: 'picker1',
        target: '.value1',
        setWidth: '370px',
        startHidden: true,
        showTrigger: '.value1',
        stylePast: true,
        disablePast: true,
                    xmlUrl: 'events.xml'
    });

switch(window.location.protocol) {
case 'http:':
case 'https:':
// running on a server, should be good.
break;
case 'file:':
alert('Just a heads-up, events will not work when run locally.');
}
});

HTML代码:

 <div style="display:inline-block; width:150px;">
                  <input type="text"  class="value1" id="mytarget" >
        <div class="monthly" id="mycalendar2"></div>
    </div>

              <div style="display:inline-block; width:150px;">
        <input type="text" id="mytarget1">
        <div class="monthly" id="mycalendar3"></div>
    </div>

你需要在事件上使用jquery，我在这里创建了demo，

$(function() {
  $("#datepicker").datepicker();
  $("button").on('click', function() {
    $('.output').append('<input type="text" name="gentext" id="gent" />');
    $("#gent").datepicker();
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3>Normal input datepicker</h3>
<p>Date:
  <input type="text" id="datepicker">
</p>
<button>generate</button>
<h3>Generated input datepicker</h3>
<div class="output"></div>

请在您的代码中应用相同的事件，它将在生成的输入上工作