Как интегрировать директиву Cumulocity DatePicker в существующее приложение?

Я хочу знать, можно ли интегрировать существующую директиву Datepicker из Cumulocity в мое приложение Cumulocity.

В настоящее время трудно использовать собственную директиву выбора даты из-за использования более старой версии angular.

С уважением,
Мейкель


angularjs cumulocity
person Meykel    schedule 19.07.2016    source источник
comment
вам не нужно использовать средства выбора даты angular. исходя из нашего опыта, я могу сказать, что с библиотекой angular, обертывающей нативную, обычно сложно иметь дело. вам следует придерживаться собственного средства выбора даты javascript, которое не использует cumulocity, и привязывать его события к angular самостоятельно, вместо того, чтобы полагаться на сторонние оболочки.   -  person mostruash    schedule 19.07.2016
comment
Это сработает, но если вы хотите, чтобы отображение было последовательным, вам нужно будет сделать это вручную.   -  person Stilltorik    schedule 19.07.2016

Ответы (2)


arrow_upward
1
arrow_downward

Используемый указатель даты основан на всплывающем окне выбора даты, доступном здесь. Однако это его старая версия.

Вот базовый пример его использования:

<input ng-init="currentDate = new Date(); isPopupOpen = false"
  ng-model="currentDate" datepicker-popup datepicker-append-to-body="false"
  show-button-bar="false" show-weeks="false" is-open="isPopupOpen"
  ng-click="isPopupOpen = !isPopupOpen">
person Stilltorik    schedule 19.07.2016
comment
Спасибо за первоначальный намек, но, к сожалению, это мне не помогает. Cumulocity добавил некоторые специфические стили и поведение, такие как выбор времени. Чтобы соответствовать общему внешнему виду, я хочу использовать директиву Cumulocity. - person Meykel; 19.07.2016
comment
Какой конкретно датапикер вы хотите воспроизвести? - person Stilltorik; 19.07.2016
comment
Как упоминалось в Вопросе, я хочу использовать директиву выбора даты, созданную ребятами из Cumulocity. Но вы дали мне подсказку, где искать директиву :D. - person Meykel; 19.07.2016
comment
Тот, что выше, основан на Cumulocity. Я вырезал несколько вещей, но если вы скажете мне, какую из них вы хотите, я могу привести пример, более близкий к тому, что вы ищете. - person Stilltorik; 19.07.2016
comment
Изучив минимизированный код из Cumulocity, я смог найти указанную директиву. @Stilltorik Спасибо за подсказку. - person Meykel; 21.07.2016

arrow_upward
0
arrow_downward

Рассматриваемая директива называется c8yDateTimePicker.
Она ограничена элементами и атрибутами.

<div c8y-date-time-picker ng-model="ctrl.input.dateFrom"></div>

Вот несколько изображений из datepicker

c8yDateTimePicker

c8yDateTimePicker расширен

С уважением,
Мейкель

person Meykel    schedule 21.07.2016