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