Я использовал угловой порт daterangepicker оригинальная библиотека js Используемый порт: Посмотреть здесь
у меня несколько раз отображаются предопределенные кнопки:
мой код основан на следующем примере песочницы: Здесь диапазоны отображаются правильно.
Вот мой фрагмент кода для HTML-шаблона:
<div class = "datepicker form-group">
<div class = "input-group"
name = "daterangeInput"
daterangepicker
[options] = "options"
(applyDaterangepicker) = "applyDate($event)"
>
<span class = "form-control uneditable-input ">
{{ daterange.label }}
</span>
<span class = "input-group-btn">
<a type = "button" class = "btn btn-default">
<i class = "glyphicon glyphicon-calendar"></i>
</a>
</span>
</div>
Параметры машинописного текста выглядят так:
public daterange: any = {
start: moment().subtract(6, 'days'),
end: moment(),
label: 'Last 7 days'
};
@ViewChild(DaterangePickerComponent)
private picker: DaterangePickerComponent;
public options: any = {
locale: { format: 'YYYY-MM-DD' },
alwaysShowCalendars: false,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'Last 90 Days': [moment().subtract(89, 'days'), moment()]
}
}
Он отлично работает с указанным URL-адресом codeandbox.
Верно. @Shantanu. В моем случае ошибок в консоли нет. но указатель даты отображается как на изображении. Каждая кнопка полностью функциональна. У меня только 3 столбца кнопок. Любое предложение по тестированию / отладке высоко ценится
Кажется, мы не можем воспроизвести эту ошибку. В каком браузере вы это тестируете? Я заметил, что компоновка компонентов в Firefox отличается от таковой в Chrome и Edge, хотя и не нарушена.
Это полный HTML-код, который вы используете? Я заметил, что вам не хватает закрывающего DIV. Вы пробовали использовать компонент в чистой среде, чтобы гарантировать, что это не ошибка на вашей стороне?
На этом этапе, возможно, стоит подумать о том, чтобы не использовать эту библиотеку и / или открыть проблема на GitHub.
Да, окружающая среда очищена. Воспроизводится также в хроме. я скоро расширю html фрагмент
хороший момент @Gordon Westerman [codeandbox.io/s/py4lr685mm] воспроизвел проблему в песочнице. проблема в плохой уценке
Нашел проблему. При компиляции в окончательную кодовую базу возникло несколько тегов. Это вызывает проблему.
В чем твоя проблема?