Выбор диапазона дат autoApply: true не работает с timePicker: true - PullRequest
Новая
       13

Выбор диапазона дат autoApply: true не работает с timePicker: true

0 голосов
/ 14 февраля 2019

У меня есть Выбор диапазона дат код: 

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
        <script type="text/javascript">
            $(function() {
                $('input[name="datefilter"]').daterangepicker({
                    autoApply: true,
                    timePicker: true,
                    locale: {
                        cancelLabel: 'Clear'
                    }
                });
                $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
                    $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
                });
                $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
                    $(this).val('');
                });
            });
        </script>
    </head>
    <body>
        <input type="text" name="datefilter" value="" />
    </body>
</html>

С особым акцентом на эту строку: 

autoApply: true

Который по этому сайту: http://www.daterangepicker.com/ говорит:

autoApply: (true / false) Скрыть кнопки «Применить» и «Отмена» и автоматически применить новый диапазон дат при нажатии двух дат.

Но средство выбора даты и времени, которое приводит к 1), имеет обе кнопки (Cancel и Apply) и 2) не применяет изменение при нажатии двух дат:

enter image description here

во время написания вопроса:

Я заметил, что при удалении timePicker: true происходит желаемое поведение autoApply (Кнопки 1032 * и Apply исчезают, а средство выбора даты закрывается при выборе даты):

enter image description here

Так почему autoApply не работаеткогда timePicker включен ??Мне нужны обе функции.

1 Ответ

0 голосов
/ 15 февраля 2019

Эта комбинация опций не поддерживается.Если вы «автоматически подадите заявку», как только они нажмут две даты, интерфейс исчезнет до того, как они фактически сделают свой выбор, поскольку им еще предстоит выбрать желаемое время.Кнопка необходима, чтобы показать, что они сделали свой выбор, для чего может потребоваться сделать до 8 выборов / кликов в различных заказах.Вы можете только «автоматически применять» диапазоны дат без времени, поскольку вы знаете, как только они выберут обе даты, они закончили.

...