Angular Bootstrap DateTimePicker - выделить сегодняшнюю дату во встроенном календаре

Пожалуйста, примите мои извинения, если я допустил ошибки в своем сообщении. Это мой первый пост здесь. Но я не новичок в StackOverflow. Поправьте меня, если что.

Я использую библиотеку angular-bootstrap-datetimepicker из приведенного ниже URL-адреса: Ссылка на библиотеку

В настоящее время я встраиваю календарь на страницу. Я использую angular.js, moment.js, grunt и bower. Абсолютно никаких проблем с загрузкой календаря, и даже можно выбрать дату и отобразить выбранную дату.

Вот пример кода:

<div>
  Selected Date: {{ data.embeddedDate | date:'yyyy-MMM-dd' }}
  <datetimepicker data-ng-model="data.embeddedDate" data-datetimepicker-config="{ startView:'day', minView:'day'}" />
</div>

Я пытаюсь автоматически выделить сегодняшнюю дату, когда на странице отображается средство выбора даты и времени. Как видите, в параметрах конфигурации я могу установить представление по умолчанию и минимальное представление.

Примечание. Я пытался имитировать рабочий код (до сих пор) в Plunkr, но он не показывает календарь. Я также добавил все библиотеки. В любом случае, это только для идеи. Если я смогу заставить Plunkr работать, я снова обновлю. Вот ссылка на Plunkr.

Любые предложения (относительно выделения сегодняшней даты по умолчанию) будут оценены.


person Manoj    schedule 08.05.2015    source источник
comment
Вот ваш рабочий планкр. Требовалось подключение в файле script.js: plnkr.co/edit/MNWlCsamgj3x991RncCa?p=preview   -  person Matt    schedule 09.05.2015


Ответы (1)


Чтобы получить директиву для отображения сегодняшней даты по умолчанию, вы можете установить значение data.embeddedDate в контроллере через его область действия, например так:

$scope.data = { embeddedDate: new Date() };

Рабочий планкр

person Matt    schedule 09.05.2015
comment
Еще одна вещь: я хочу, чтобы сегодняшняя дата была выделена другим цветом (например, светло-серым), когда я выбираю любую другую дату. Прямо сейчас, поскольку мы установили embeddedDate на сегодняшнюю дату, и если я выберу другую дату, embeddedDate изменится на выбранную. Можете вы помочь мне? - person Manoj; 09.05.2015
comment
Я прочитал их документы, и, похоже, их нет во встроенных функциях. Вам нужно будет взглянуть на расширение их исходного кода. - person Matt; 09.05.2015
comment
Да, конечно. Спасибо за помощь, Мэтт. - person Manoj; 09.05.2015
comment
Если я смогу найти быстрый и простой способ сделать это, я опубликую здесь комментарий для вас. - person Matt; 09.05.2015
comment
Спасибо, Мэтт. Большое спасибо за вашу помощь и быстрый ответ. - person Manoj; 09.05.2015
comment
Хорошо, это заняло не так много времени, как я думал. Вот ссылка на Plunkr с изменениями, внесенными в файл datetimepicker.js. Код, который я изменил, находится в строках 133, 143, 144 и 145. В дополнение к этому вам нужно добавить класс .is-today в ваш файл css с любым стилем, который вы хотите для сегодняшней даты: plnkr.co/edit/hK4N3mbeNFg878GF5vLr?p=preview - person Matt; 09.05.2015
comment
Это чудесно. Оно работает. :) Но единственное, модификация библиотеки может быть не оптимальной. Но, это на потом. :) Спасибо, Мэтт :) - person Manoj; 09.05.2015