2015-08-21 2 views
0

У меня есть форму, которая была создана с помощью элементов AngularMaterial.Использование AngularStrap with AngularMaterial

В ngMaterial нет выбора времени, поэтому я решил использовать AngularStrap.

Хорошо работает, кроме как с визуального аспекта. Ввод выбора времени не похож на остальные входы ngMaterial.

Есть ли способ исправить это и сделать элементы ввода AngularStrap стилизованными как остальная часть моей формы, используя ngMaterial?

+0

Вы должны взглянуть на CSS, используемого углового материала и переопределения CSS в AngularStrap. Но я не уверен, что вы можете получить тот же дизайн легко – ThibaudL

+0

Не работает ли что-то подобное? : '<мД-вход-контейнер> <вход нг-модель = типа "MyDate"= "электронная почта" данные-мин-дата = "{{FromDate}}"= заполнитель "До" BS- datepicker> ' – ThibaudL

+0

@ThibaudL Я обычно хотел бы, но css ngStrap находится внутри его второго js-файла, поэтому я не был уверен, что знаю, как с этим справиться. Ваше второе предложение работает нормально, но когда я нажимаю на ввод, полученный popover масштабируется до размера этого ввода (ведьма слишком мала), и поэтому даты перекрываются друг с другом. Это, вероятно, не имеет никакого отношения к вашему решению, поэтому я попытаюсь найти ошибку самостоятельно. Можете ли вы добавить это как ответ? – dearn44

ответ

0

Это должно сделать это, но вы, возможно, потребуется сделать некоторые небольшие обновления CSS, чтобы получить все аккуратную:

<md-input-container> 
    <label>date</label> 
    <input ng-model="myDate" type="email" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> 
</md-input-container> 
Смежные вопросы