Estoy usando tui.Calendar para vincular el Selector de fecha en un modelo. y ese modelo se abre desde diferentes páginas. La identificación de ese cuadro de texto es la misma porque estoy abriendo el mismo modelo. Este selector de fecha se abre solo en una página, no en otra.

A continuación se muestra el HTML

 <div class="eventDate col-12 col-md-6 mt-3"> <label class="control-label">Date</label><span class="text-danger">*</span> <div class="tui-datepicker-input tui-datetime-input tui-has-focus"> <input type="text" id="txtEventDate" aria-label="Date-Time"> <span class="tui-ico-date"></span> <div class="clean-date" onclick="CleanDateTimeFromField('input#txtEventDate')"> <i class="fas fa-times"></i></div> </div> <div id="txtEvent_DateWrapper" style="margin-top: -1px;"></div </div>

Debajo uno está llamando desde una página diferente

 eventDateCalendar = GenerateDatePicker('txtEventDate', 'txtEvent_DateWrapper', new Date(), false);

JS

 function GenerateDatePicker(element, wrapper, value, timePicker) { var container = document.getElementById(wrapper); var target = document.getElementById(element); var d = new tui.DatePicker(container, { date: new Date(value), input: { element: target, format: timePicker ? 'MM/dd/yyyy HH:mm A' : 'MM/dd/yyyy' }, timepicker: timePicker ? { layoutType: 'tab', inputType: 'spinbox' } : false }); return d; } const CleanDateTimeFromField = (inputField) => { jQuery(inputField).val(''); };

Resuelva este problema. Lo estoy usando en la aplicación .net core