Как изменить формат даты (MM/DD/YY) на (YYYY-MM-DD) в списке выбора даты

У меня есть следующий скрипт 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>

Теперь формат даты: ММ/ДД/ГГ. Как изменить формат даты на ГГГГ-ММ-ДД?

Ответы

Ответ 1

Используйте параметр 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 );
        })
    });

Демо на http://jsfiddle.net/gaby/WArtA/

Ответ 2

Попробуйте следующее:

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

Вы думаете, что это будет yyyy-mm-dd, но хорошо: P

Ответ 3

У меня была такая же проблема, и я попробовал много ответов, но ничего не получилось.

Я пробовал следующее, и он успешно работал:

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

Ответ 5

Если в jquery опция dateformat не работает, то мы можем обработать эту ситуацию на html-странице в поле ввода вашей даты:

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

Ответ 6

Вам нужно что-то подобное во время инициализации вашего datepicker:

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

Ответ 7

это тоже работало для меня. Перейдите в bootstrap-datepicker.js.

замените этот код:

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
	};

Ответ 8

Я использовал этот подход для выполнения той же операции в своем приложении.

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);

Ответ 9

Попробуйте следующее:

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

Ответ 11

просто добавьте dateFormat:'yy-mm-dd' в настройки .datepicker({}), ваш .datepicker({}) может выглядеть примерно так.

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

    </script>

Ответ 12

Спасибо всем. Я получил ожидаемый результат

<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>

Ответ 13

этот работал у меня.

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

Ответ 14

Эта работа для меня:

 $('#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); 
});

Ответ 15

Это то, что сработало для меня в каждой версии datePicker, сначала преобразовывая дату во внутренний формат datePicker, а затем преобразовывая его обратно в желаемый

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

Ответ 16

Для меня в формате плагина jquery datetimepicker: используется опция 'd/m/Y'

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

Ответ 17

Просто нужно определить гг-мм-дд здесь. Формат даты

По умолчанию мм-дд-гг

Измените мм-дд-гг на гг-мм-дд. Посмотрите пример ниже

  $(function() {
    $( "#datepicker" ).datepicker({
      dateFormat: 'yy-mm-dd',
      changeMonth: true,
      changeYear: true
    });
  } );

Date: <input type="text" id="datepicker">