Угловой указатель даты, несколько кнопок - PullRequest
Новая
       15

Угловой указатель даты, несколько кнопок

0 голосов
/ 26 октября 2018

Я использовал угловой порт daterangepicker оригинальная библиотека js Используемый порт: Смотрите здесь

у меня есть предопределенные кнопки, отображаемые несколько раз: enter image description here

мой код основан на следующем примере с песочницей: Здесь диапазоны отображаются правильно.

Вот мой фрагмент кода для шаблона 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()]
    }    
}

https://codesandbox.io/s/py4lr685mm

Ответы [ 2 ]

0 голосов
/ 26 октября 2018

Нашел проблему. При компиляции в конечную кодовую базу возникло несколько тегов. Это вызывает проблему.

0 голосов
/ 26 октября 2018

Кажется, мы не можем воспроизвести эту ошибку.С каким браузером вы это тестируете?Я заметил, что компоновка компонента в Firefox отличается от компоновки в Chrome и Edge, хотя она не нарушена.

Это полный HTML-код, который вы используете?Я заметил, что вы пропускаете закрывающий DIV.Вы пытались использовать компонент в чистой среде, чтобы гарантировать, что он не является ошибкой с вашей стороны?

На этом этапе стоит подумать о том, чтобы не использовать эту библиотеку и / или открыть проблема на GitHub .

...