Datapicker в дизайне материалов

0

Добрый день, дорогие коллеги. У меня есть DataPicker в MaterialDesign на моей странице. На моей странице я хочу видеть только часть dataPicker, это календарь. Кто-нибудь знает, как его реализовать?

Я хочу это увидеть:

Изображение 174551

Вместо этого:

Изображение 174551

  • 0
    Вам нужно добавить несколько скриншотов или изображений ожидаемых результатов. Также, пожалуйста, добавьте примеры кода, которые вы пробовали до сих пор :)
  • 0
    Как это что?
Показать ещё 8 комментариев
Теги:

1 ответ

0
Лучший ответ

Вот демонстрация с бутстрапом и угловыми стрелками с встроенным выбором даты:

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>
  • и в контроллере инициализируйте модель dt: $scope.dt = new Date();
  • 0
    Спасибо тебе за помощь. Я надеюсь, это поможет мне.
  • 0
    У кого-нибудь есть предложение?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню