https://jsfiddle.net/jquerybyexample/dxbtp/494/
Usé este código para el intervalo de fechas, pero este formato de entrada es MM/dd/yyyy. quiero cambiar este formato MM/dd/yyyy para enviar mi base de datos.
si cambio esta linea
var dtFormatted = mm + '/'+ dd + '/'+ y;
a
var dtFormatted = dd+ '/'+ mm + '/'+ y;
la etiqueta de entrada no funciona correctamente
Aquí hay una demostración de trabajo:
<div> <input type="text" id="txtFromDate" />To: <input type="text" id="txtToDate" /> </div> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <script> $('input[id$=txtFromDate]').datepicker({ dateFormat: 'dd/mm/yy' }); $('input[id$=txtToDate]').datepicker({ dateFormat: 'dd/mm/yy' }); </script>
establezca dtFormatted
como una cadena, con el formato a continuación.
var dtFormatted = "dd/mm/yy";
<input asp-for="@Model.Reservation.StartDate" type="text" class="datepicker" id="txtFromDate" autocomplete="off" required placeholder="Check In"> <input asp-for="@Model.Reservation.EndDate" type="text" class="datepicker" autocomplete="off" id="txtToDate" required placeholder="Check Out"> <script type="text/javascript"> $(document).ready(function () { $('#txtToDate').datepicker({ dateFormat: "dd/mm/yy" }); $("#txtFromDate").datepicker({ dateFormat: "dd/mm/yy", minDate: new Date(), onSelect: function (date) { var date1 = $('#txtFromDate').datepicker('getDate'); var date = new Date(Date.parse(date1)); date.setDate(date.getDate() + 1); var newDate = date.toDateString(); newDate = new Date(Date.parse(newDate)); $('#txtToDate').datepicker("option", "minDate", newDate); } }); }); </script>