Bootstrap datepicker setDate формат dd/mm/yyyy

Я должен установить дату в своем datepicker в формате dd/mm/yyyy. Whet, которую я пытаюсь сделать, с Javascript это:

  var year = 2014;
  var month = 5;
  var day = 10;

  var realDate = new Date(year, month - 1, day); // months are 0-based!

  $('#MainContent_txtDataConsegna').datepicker({ dateFormat: 'dd/mm/yyyy' }); // format to show
  $('#MainContent_txtDataConsegna').datepicker('setDate', realDate);

проблема в том, что значение внутри моего datepicker всегда в формате mm/dd/yyyy. Где проблема?

Здесь определяются параметры datepicker и datepicker:

   <div class="input-group date">
       <asp:TextBox runat="server" ID="txtDataOrdine" class="form-control" onBlur="CalcolaTotaliTestata('txtDataOrdine')"></asp:TextBox>
       <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>/span>
    </div>

<script type="text/javascript">
   $('.input-group.date').datepicker({
       todayBtn: "linked",
       language: "it",
       autoclose: true,
       todayHighlight: true,
       dateFormat: 'dd/mm/yyyy' 
   });
</script>

Ответы

Ответ 1

Изменить

dateFormat: 'dd/mm/yyyy'

format: 'dd/mm/yyyy'

Похоже, вы просто неправильно прочитали документацию!

Ответ 2

изменение бит в формате

Формат

: "DD/MM/YYYY"

Ответ 3

Переход на format: 'dd/mm/yyyy' не работал у меня и менял это на dateFormat: 'dd/mm/yyyy' добавленный год несколько раз. Самый лучший для меня был:

dateFormat: 'dd/mm/yy'

Ответ 4

Сбой при использовании сборщика данных, для бутстрапа datepicker вы должны использовать следующий код: -

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

и для jquery datepicker должен использоваться следующий код: -

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

Итак, вы должны знать, какой выбор даты вы используете, что в конечном итоге решает вашу проблему. Надеюсь, это вам поможет.

Ответ 5

Для меня у меня такая же проблема, как я решил изменено Формат: "дд/мм/гг" в dateFormat: 'dd/mm/yy'

Ответ 6

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

     $('#host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });

Ответ 7

Вы можете использовать этот код для bootstrap datepicker:

Код HTML:

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>

JavaScript:

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

Ответ 8

: "DD/MM/YYYY" должен решить вашу проблему. Если вам нужна дополнительная помощь в отношении доступных форматов, посетите http://momentjs.com/, который используется этим элементом управления внутренне.

У меня возникла проблема, когда эта "форматная" вещь работала нормально на локальной машине, но когда я развернул приложение на сервере, дата не заполнялась, а элемент управления был пуст. когда я прокомментировал код формата, он начал работать, но потом у меня не было необходимого формата. Я исправил эту проблему, используя записи глобализации в web.config.

<system.web>
    <globalization
    requestEncoding="utf-8"
    responseEncoding="utf-8"
    culture="en-GB"
    uiCulture="en-GB" />    
</system.web>

Это помогло гарантировать, что и локальная, и серверная среды имеют одинаковую культуру.

Ответ 9

У меня есть некоторые проблемы с JQuery Mobile 1.4.5. Например, он принимает изменение формата, только переходя от "option". И есть некоторые проблемы с обновлением календаря с помощью "опции". Для всех, у которых есть те же проблемы, я могу предложить этот код:

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();

Ответ 10

"Как и в случае с собственными плагинами начальной загрузки, datepicker предоставляет data-api, который можно использовать для создания экземпляров DatePicker без необходимости в пользовательском javascript..."

Boostrap DatePicker Документация

Возможно, вы хотите установить формат без экземпляра DatePicker, для этого вам необходимо добавить свойство data-date-format="DateFormat" в основной тег Div, например:

<div class="input-group date" data-provide="datepicker" data-date-format="yyyy-mm-dd">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>

    <input type="text" name="YourName" id="YourId" class="YourClass">
</div>

Ответ 11

Конфиг на испанский

Изображение: https://imgur.com/a/J41mbOl

вход

<input class="datepicker" type="text" data-dateformat="dd/mm/yy" id="fecha">

Выбор диапазона дат

    $('#fecha').daterangepicker({
            locale: {
                format: 'DD/MM/YYYY',
                separator: ' - ',
                applyLabel: 'Aplicar',
                cancelLabel: 'Cancelar',
                fromLabel: 'Desde',
                toLabel: 'Hasta',
                customRangeLabel: 'Custom',
                daysOfWeek: [
                    'Do', 'Lun', 'Mar', 'Mier', 'Jue', 'Vie', 'Sab'
                ],
                monthNames: [
                    'Ene', 'Feb', 'Mar', 'Abril', 'May', 'Jun', 'Jul', 'Agos', 'Sep', 'Oct', 'Nov', 'Dec'
                ],
                "firstDay": 1
            }
        });

Выбор даты

    $.datepicker.regional['es'] = {
            closeText: 'Cerrar',
            prevText: '',
            currentText: 'Hoy',
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
            dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
            dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
            dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
            weekHeader: 'Sm',
            dateFormat: 'dd/mm/yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };
        $.datepicker.setDefaults($.datepicker.regional['es']);