How to use calender for dynamically added input field?

Questions
1

I appended following input field :

<input id="edit_memo_date" type="text" value="'+data.day+'/'+data.month+'/'+data.year+'" placeholder="Date" readonly="readonly">

for this input i created following calendar:_

 var editcalendarDefault = app.calendar.create({
    inputEl: '#edit_memo_date',
    dateFormat:'dd/mm/yyyy'
});

This calendar doesn’t open simply because element is appended. Is there any workaround for it?

2

You should call app.calendar.create AFTER you added input to DOM