How to use calender for dynamically added input field?

I appended following input field :

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

for this input i created following calendar:_

 var editcalendarDefault = app.calendar.create({
    inputEl: '#edit_memo_date',

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

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