Usando marionetas e intentando mostrar un selector de fecha jquery. Sin embargo, cuando hago clic en la entrada, el calendario no aparece.
Esta es mi vista:
const view = app.Views.Layout.extend({ template: require('./templates/template'), ui: { dateInput: '#date_input', }, onShow() { this.ui.dateInput.datepicker(); },
Mi plantilla con el selector de fecha div:
<div id="date_container" class="input_holder"> <input type="text" id="date_input" placeholder="mm/dd/year"></input> <div id="date_picker_holder"></div> </div>
Supongo que esto sería suficiente para que el calendario se reproduzca correctamente, sin embargo, no sucede. ¿Me estoy perdiendo algo en mi vista o en mi plantilla?
this.ui.dateInput
es un selector. Debe crear un objeto jQuery pasándole este selector y luego llamar a .datepicker()
en el resultado:
$(this.ui.dateInput).datepicker();