0
156
VistasCambiar el formato de fecha en el selector de fecha
Tengo una pregunta sobre cómo cambiar el formato de fecha a dd/mm/yyyy. Quiero que la fecha predeterminada sea 09-01-2022. Pero debajo del código no funciona para cambiar dd/mm/yyyy.
var today = "Wed Jan 09 2022 13:01:18 GMT+0800 (Malaysia Time)"; var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = today.getFullYear(); today = mm + '/' + dd + '/' + yyyy; <div class="col-xs-12 col-md-2"> <label>Date :</label> <input type="date" class="form-control" id="date_of_daily" name="date_of_daily" value="2022-01-09" title="Date of daily" min="2022-01-09" max="2022-01-11"> </div>En realidad, quiero el resultado como la imagen de abajo:
Espero que alguien pueda orientarme sobre cómo solucionar este problema. Gracias.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puedes probarlo con:
var today = "Wed Jan 09 2022 13:01:18 GMT+0800 (Malaysia Time)"; function convertDate(inputFormat) { function pad(s) { return (s < 10) ? '0' + s : s; } var d = new Date(inputFormat) return [pad(d.getDate()), pad(d.getMonth()+1), d.getFullYear()].join('/') } console.log(convertDate(today)) $(function() { $("#date_of_daily").datepicker({ dateFormat: "dd/mm/yy", minDate: 0, maxDate: "+2D +0M", showAnim: "slideDown" }); }); <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <div class="col-xs-12 col-md-2"> <label>Date :</label> <input type="text" class="form-control" id="date_of_daily" name="date_of_daily" size="30" value="09/01/2022" title="Date of daily" min="2022-01-09" max="2022-01-11"> </div>
·
Juan Pablo Isaza
Denunciar
0
Espero que lo siguiente responda a su pregunta... Básicamente, necesita analizar la cadena hoy para convertirla en una fecha antes de llamar a las funciones de Fecha como getDay, etc.
var today = "Wed Jan 09 2022 13:01:18 GMT+0800 (Malaysia Time)"; var dd = String(Date.parse(today)).padStart(2, '0'); var mm = String(new Date(Date.parse(today)).getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = new Date(Date.parse(today)).getFullYear(); today = mm + '/' + dd + '/' + yyyy; <div class="col-xs-12 col-md-2"> <label>Date :</label> <input type="date" class="form-control" id="date_of_daily" name="date_of_daily" value="2022-01-09" title="Date of daily" min="2022-01-09" max="2022-01-11"> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta