Как изменить формат даты (ММ / ДД / ГГ) на (ГГГГ-ММ-ДД) в средстве выбора даты

Question

У меня есть следующий скрипт выбора даты

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

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

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

Answer 2

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

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

Можно подумать, что это будет гггг-мм-дд, ну да ладно: P

Answer 3

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

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

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

Answer 4

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

См: http://jqueryui.com/demos/datepicker/ а также http://docs.jquery.com/UI/Datepicker/formatDate#utility-formatDate

Answer 5

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

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

И в javascript ниже этой страницы добавьте свой код выбора даты:

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

Answer 6

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

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

с:

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 8

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

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

Answer 9

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

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

    </script> 

Answer 10

Использование .formatDate( format, date, settings )

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