'How to fix 2 datepicker displaying for single textbox?
Hi I using Datepicker to choose start date and end date in popup.
But for the start date,it is showing 2 date picker, but for End date it is working fine with single date picker. How to fix it?
Codes below:
<div id="SelectDates" class="response-msg confirm ui-corner-all" style="display: none">
<div class="row">
<div class="col-12 col-lg-12"> <div class="form-control-stack required">
<label for="" class="font-weight-medium" id="lblStatusMsg"> Start Date</label>
@{Html.RenderAction("RequestDatePicker", "Base", new { id = "txtstartdate1", sStatusDate = "" });}
</div></div>
<div class="col-12 col-lg-12"> <div class="form-control-stack required">
<label for="" class="font-weight-medium" id="lblStatusMsg1"> EndDate</label>
@{Html.RenderAction("RequestDatePicker", "Base", new { id = "txtenddate", sStatusDate = "" });}
</div></div>
</div>
<input autofocus type="hidden">
</div>
Java script as follows:
$("#SelectDates").attr('title', 'Select Dates');
$("#datepicker_txtstartdate1").datepicker('setStartDate', new Date(Highlighted_StartDate));
$("#datepicker_txtstartdate1").datepicker('setEndDate', new Date(Highlighted_EndDate));
$("#datepicker_txtenddate").datepicker('setStartDate', new Date(Highlighted_StartDate));
$("#datepicker_txtenddate").datepicker('setEndDate', new Date(Highlighted_EndDate));
$(function () {
$("#SelectDates").dialog({
resizable: false,
position: 'center',
height: 250,
width: 400,
close: function (event, ui) {
if (document.getElementById("datepicker_txtstartdate1").value != "" && document.getElementById("datepicker_txtenddate").value != "")
{
if (GetDate()) {
var SD= document.getElementById("datepicker_txtstartdate1").value;
var ED= document.getElementById("datepicker_txtenddate").value;
$(this).parent().find('.ui-dialog-buttonpane').remove();
}
}
},
modal: true,
});
});
StartDate Image below:
End Date Image below:
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|


