努力爲datepicker獲取動態創建的文本框

我已經動態生成了文本框，並試圖單獨爲每個文本框獲取日期選擇器。努力爲datepicker獲取動態創建的文本框

問題是如果我選擇一個文本框並選擇它將應用於所有文本框的日期。我不知道如何通過價值來獲得結果。請原諒如果我的英文（或）我表達的方式是錯誤的。我會感謝你的幫助。

我的腳本調用日曆：

<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>

來源

2016-09-20 Soundar Subramani

沒有看到上述代碼的任何問題。有沒有其他代碼在這篇文章中丟失？文本框如何動態生成？你可以請出示該代碼嗎？ – vijayP

[動態創建的元素上的事件綁定？]的可能重複（http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements） –

https://jsfiddle.net/ssoundar619/eav8hLwm/1/ –

您需要使用事件jQuery的，我已經創建演示這裏小提琴，

$(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>

請在您的代碼上應用相同的事件，它將處理生成的輸入。

來源

2016-09-23 12:22:24

努力爲datepicker獲取動態創建的文本框

回答

相關問題