Как показать только дату в аддоне JQuery Datetimepicker?

Я искал высокий и низкий для ответа на мой вопрос, но не нашел его, но нашел два связанных вопроса: JQuery Datepicker должен показывать только дату, jQuery UI DateTimepicker - не может скрыть время

Но они не решили мою проблему.

Я использую Trent Richardsons datetimepicker, и я хотел бы, чтобы он показывал только дату в текстовом поле. Ответ на вопрос, почему я не использую datepicker без аддона, потому что иногда я хочу, чтобы он показывал дату и время, а иногда только дату.

Я могу скрыть timepicker со следующим кодом:

    datetimepicker("option", "showTimepicker", false);

Время исчезает из моего текстового поля, но дата имеет конечное пространство, "2013-11-01" Я пробовал вариант для разделителя, но не повезло.

    datetimepicker("option", "separator", "");

Кто-нибудь понял, как я могу это решить?

Немного разъясняю, я пытаюсь написать какой-то компонент, который можно использовать с помощью большого решения, где иногда нужно быть datetimepicker, а иногда и datepicker. Этот "компонент" содержит вход (мой datetimepicker), который завернут в некоторый html. Он также имеет свойства, которые можно установить, одним из них является SetDateOnly(), и именно там я пытаюсь заставить datepicker показывать только дату.

ОТВЕТЫ

Ответ 1

Попробуйте следующие параметры:

$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});

Ответ 2

Затем вы можете пойти с showTimePicker следующим образом: -

В режиме загрузки формы

$(document).ready(function(){
    $('#selector').datetimepicker({
        'showTimepicker': false
    });     
});

Время выполнения

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});

Ответ 3

$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

Он работает следующим образом.

Ответ 4

Почему бы не так:

$('#selector').datetimepicker(); // When required both functionalities.
$('#selector').timepicker(); // When only time is required.
$('#selector').datepicker(); // Otherwise regular datepicker can be used.

Ответ 5

Это мое решение:

  $("#Time").datetimepicker({
      datepicker: false,
      step: 15,
      format: 'g:i a',
    });

Использование jQuery Плагин DateTimePicker v2.3.8

Ответ 6

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

    $("#selector").datetimepicker({
    minView: 2,
    format: 'dd-mm-yyyy',
    autoclose: true
    });

Ответ 7

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

    $('#datetimepicker_date_to_view').datetimepicker({
            timepicker:false,
            format:'d.m.Y',
        }).on('change', function() {
            $('.xdsoft_datetimepicker').hide();
            var str = $(this).val();
            str = str.split(".");
            $('#alt_date_field').val(str[2]+'-'+str[1]+'-'+str[0]);
        });

Ответ 8

Я решил свою проблему, указав параметр на свой "компонент", если он должен содержать datetimepicker или datepicker. Недостатком является то, что я не могу переключаться между ними так же легко, как я предполагал.

Ответ 9

        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>

Ответ 10

Я попробовал это. Это работает для меня. Следующий параметр формата должен быть установлен под указателем даты и времени, например, "ГГГГ-ММ-ДД"

$(document).ready(function(){
  $('#selector').datetimepicker({         
    format: 'YYYY-MM-DD'
  });     
});'

Ответ 11

Согласно документации это:

$("#selector").datetimepicker({
  format: 'L'
});

Ответ 12

$('#datetimepicker1').datetimepicker({
    viewMode: 'days',
    format: 'DD/MM/YYYY',
  icons: {
      time: 'fa fa-clock-o',
      date: 'fa fa-calendar',
      up: 'fa fa-chevron-up',
      down: 'fa fa-chevron-down',
      previous: 'fa fa-chevron-left',
      next: 'fa fa-chevron-right',
      today: 'fa fa-crosshairs',
      clear: 'fa fa-trash'
    }
});