dateRangePicker js один DatePicker с выбором времени - PullRequest
Новая
       1

dateRangePicker js один DatePicker с выбором времени

0 голосов
/ 08 января 2020

Я пытался использовать средство выбора диапазона дат с одним датчиком и средством выбора времени, но библиотека не поддерживает эту опцию. Не могли бы вы помочь решить эту проблему, и кнопки «Применить» и «Отмена» не отображаются 

    // Single Date with time
    $('.single-date-time').daterangepicker({
        singleDatePicker:true,
        timePicker: true,
        applyClass: 'bg-slate-600',
        cancelClass: 'btn-light',
        locale: {
            format: 'MM/DD/YYYY h:mm a'
        }
    });

Ответы [ 2 ]

0 голосов
/ 08 января 2020

Я попробовал ваш код и установил функцию, в которой он работал. (Библиотеки bootstrap и daterangepicker и jquery) 

<script>
$(function() {
    $('.single-date-time').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        applyClass: 'bg-slate-600',
        cancelClass: 'btn-light',
        locale: {
            format: 'MM/DD/YYYY h:mm a'
        }
    });
});
</script>
</head>
<body>
    <input type="text" class="single-date-time" name="test" />
</body>
0 голосов
/ 08 января 2020

Включите эти библиотеки в ваш проект момент. js

daterangepicker.min. js

daterangepicker. css

Вы также должны добавить jquery библиотек *

в свой файл js и добавить следующий код

$('input[name="dates"]').daterangepicker();

$(function() { $('input[name="datetimes"]').daterangepicker({ timePicker: true, startDate: moment().startOf('hour'), endDate: moment().startOf('hour').add(32, 'hour'), locale: { format: 'M/DD hh:mm A' } }); });

и ваш Html код <input type="text" name="datetimes" />

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...