איך מבצעים שיכפול שדות ב Java script בצורה נכונה

שלום,

רציתי לשאול כיצד אני מבצע דבר כזה, אני מעוניין שיהיה לי נניח מנגנון הזנת תארכים, כזה שיש בכל אתר של חברת תעופה סטנדרטית,כך שתבחרו תאריך, בתוך DIV כאשר יש לו ID מסויים, וכאשר אני לוחץ על כפתור "ADD" נניח אז נוסף לי אפשרות נוספת לבחור עוד תאריך וכן עוד ועוד...

יש לי את הקוד הבא שזאת הפונקציה שמשכפלת:

function clone(){
 p=document.getElementById('mydiv')
 p.setAttribute("id",'mydiv')
pclone = p.cloneNode(true)
document.getElementById("test").appendChild(pclone)
};

וכאן נמצא ה BODY:

<div id='mydiv'>
 <input type="button" value="Rem Date" onclick="rem();"/>
 <input id="popup_container" type="text" disabled="disabled" />  <img src="cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the timestamp" onclick="dp_cal.toggle();"></a>
 <input type="button" value="ADD Date" onclick="clone();"/>
 <br></br>
 </div>
<div id="test"></div>

אני מעוניין לתת ID שונה מן הסתם כל פעם שאני משכפל את החלק של MYDIV, כדי לתת אפשרות אחרי זה גם להסיר אותו וגם כמובן כדי שהערכים שאבחר יהיו שונים.

תודה