Добрый день, дорогие коллеги. У меня есть DataPicker в MaterialDesign на моей странице. На моей странице я хочу видеть только часть dataPicker, это календарь. Кто-нибудь знает, как его реализовать?
Я хочу это увидеть:
Вместо этого:
Вот демонстрация с бутстрапом и угловыми стрелками с встроенным выбором даты:
http://plnkr.co/edit/7pnPeudbgTY3hd2SNATA?p=preview
Важная часть состоит в том, чтобы включить в html:
скрипт, связанный с ui-bootstrap-tpls, в демо называется angular-ui-bootstrap.js
для ввода в ваш модуль, этот бутстрап - в демо это делается с помощью angular.module('plunker', ['ui.bootstrap']);
включить bootstrap css
В html просто добавьте
:
<div style="display:inline-block; min-height:290px;">
<datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker>
</div>
$scope.dt = new Date();