javascript - fecha - input type date formato dd-mm-yyyy

Cómo cambiar el formato de fecha(MM/DD/AA) a(AAAA-MM-DD) en selector de fecha

Question

Tengo la secuencia de comandos foll0wing datepicker

<script>
$(function(){
$("#to").datepicker();
$("#from").datepicker().bind("change",function(){
var minValue = $(this).val();
minValue = $.datepicker.parseDate("mm/dd/yy", minValue);
minValue.setDate(minValue.getDate()+1);
$("#to").datepicker( "option", "minDate", minValue );
})
});
</script>

Ahora dateformat es MM / DD / YY. Cómo cambiar el formato de fecha a AAAA-MM-DD

Answer 1

Este trabajo para mí:

 $(''#data_compra'').daterangepicker({
singleDatePicker: true,
locale: {
format: ''DD/MM/YYYY''
},
calender_style: "picker_4", },
function(start, end, label) {
console.log(start.toISOString(), end.toISOString(), label);
});

Answer 2

Esto es lo que funcionó para mí en cada versión de datePicker, primero convirtiendo la fecha en formato de fecha interno de DatePicker, y luego convirtiéndola de nuevo en la deseada

var date = "2017-11-07";
date = $.datepicker.formatDate("dd.mm.yy", $.datepicker.parseDate(''yy-mm-dd'', date));
// 07.11.2017

Answer 3

Gracias por todo. Obtuve mi salida esperada

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script>
$(function(){
$("#to").datepicker({ dateFormat: ''yy-mm-dd'' });
$("#from").datepicker({ dateFormat: ''yy-mm-dd'' }).bind("change",function(){
var minValue = $(this).val();
minValue = $.datepicker.parseDate("yy-mm-dd", minValue);
minValue.setDate(minValue.getDate()+1);
$("#to").datepicker( "option", "minDate", minValue );
})
});
</script>
<div class="">
<p>From Date: <input type="text" id="from"></p>
<p>To Date: <input type="text" id="to"></p>
</div>

Answer 4

Necesita algo como esto durante la inicialización de su selector de fecha:

$("#your_elements_id").datepicker({ dateFormat: ''yyyy-mm-dd'' });

Answer 5

Para mí en el formato plugin jquery de datetimepicker: se trabaja la opción ''d / m / Y''

$("#dobDate").datetimepicker({
lang:''en'',
timepicker:false,
autoclose: true,
format:''d/m/Y'',
onChangeDateTime:function( ct ){
$(".xdsoft_datetimepicker").hide();
}
});

Answer 6

Prueba esto:

$.datepicker.parseDate("yy-mm-dd", minValue);

Answer 7

Pruebe lo siguiente:

$(''#to'').datepicker({
dateFormat: ''yy-mm-dd''
});

Pensarías que sería aaaa-mm-dd pero bueno: P

Answer 8

Tuve el mismo problema y he intentado muchas respuestas, pero nada funcionó.

Intenté lo siguiente y funcionó con éxito:

<input type=text data-date-format=''yy-mm-dd'' >

Answer 9

Usé este enfoque para realizar la misma operación en mi aplicación.

var varDate = $("#dateStart").val();
var DateinISO = $.datepicker.parseDate(''mm/dd/yy'', varDate);
var DateNewFormat = $.datepicker.formatDate( "yy-mm-dd", new Date( DateinISO ) );
$("#dateStartNewFormat").val(DateNewFormat);

Answer 10

Use .formatDate( format, date, settings )

http://docs.jquery.com/UI/Datepicker/formatDate

Answer 11

Use la opción dateFormat

 $(function(){
$("#to").datepicker({ dateFormat: ''yy-mm-dd'' });
$("#from").datepicker({ dateFormat: ''yy-mm-dd'' }).bind("change",function(){
var minValue = $(this).val();
minValue = $.datepicker.parseDate("yy-mm-dd", minValue);
minValue.setDate(minValue.getDate()+1);
$("#to").datepicker( "option", "minDate", minValue );
})
});

Demostración en http://jsfiddle.net/gaby/WArtA/

Answer 12

esto también funcionó para mí. Vaya a bootstrap-datepicker.js .

Reemplace este código:

var defaults = $.fn.datepicker.defaults = {
autoclose: false,
beforeShowDay: $.noop,
calendarWeeks: false,
clearBtn: false,
daysOfWeekDisabled: [],
endDate: Infinity,
forceParse: true,
format: ''mm/dd/yyyy'',
keyboardNavigation: true,
language: ''en'',
minViewMode: 0,
multidate: false,
multidateSeparator: '','',
orientation: "auto",
rtl: false,
startDate: -Infinity,
startView: 0,
todayBtn: false,
todayHighlight: false,
weekStart: 0
};

con :

var defaults = $.fn.datepicker.defaults = {
autoclose: false,
beforeShowDay: $.noop,
calendarWeeks: false,
clearBtn: false,
daysOfWeekDisabled: [],
endDate: Infinity,
forceParse: true,
format: ''yyyy-mm-dd'',
keyboardNavigation: true,
language: ''en'',
minViewMode: 0,
multidate: false,
multidateSeparator: '','',
orientation: "auto",
rtl: false,
startDate: -Infinity,
startView: 0,
todayBtn: false,
todayHighlight: false,
weekStart: 0
};

Answer 13

si en jquery dateformat no funciona, podemos manejar esta situación en la página html en el campo de entrada de su fecha

<input type="text" data-date-format=''yyyy-mm-dd'' id="selectdateadmin" class="form-control" required>

y en javascript debajo de esta página agregue su código de selector de fecha

 $(''#selectdateadmin'').focusin( function()
{
$("#selectdateadmin").datepicker();
});

Answer 14

solo agregue dateFormat:''yy-mm-dd'' a su .datepicker({}) , su .datepicker({}) puede verse algo como esto

 $( "#datepicker" ).datepicker({
showButtonPanel: true,
changeMonth: true,
dateFormat: ''yy-mm-dd''
});
});
</script>

Answer 15

this funcionó para mí.

 $(''#thedate'').datepicker({
dateFormat: ''dd-mm-yy'',
altField: ''#thealtdate'',
altFormat: ''yy-mm-dd''
});

Answer 16

$( ".selector" ).datepicker( "option", "dateFormat", ''yy-mm-dd'' );

Ver: http://jqueryui.com/demos/datepicker/ y http://docs.jquery.com/UI/Datepicker/formatDate#utility-formatDate