используя angular-ui-bootstrap datepicker и timepicker во всплывающем окне

Мне нужно, чтобы мои пользователи могли выбирать конкретную дату и время в поле ввода.

Я хотел бы использовать библиотеку angular-ui-bootstrap, поскольку она позволяет избежать зависимости JQuery. Проблема в том, что даже если он содержит датпикер и таймпикер, кажется, что их невозможно разместить во всплывающем окне с красивым макетом.

Я нашел компонент, который делает именно то, что я хотел бы делать с angular-ui-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

Проблема в том, что он использует Jquery, и нам нужно включить много файлов javascript, которые делают страницу немного тяжелой только для этой необходимости ...

Я исследовал репозиторий github angular-ui-bootstrap и обнаружил эту проблему, которая содержат образец плункера, который частично решает мою проблему, но в этом примере нет возможности выбрать время.

Кто-нибудь знает, возможно ли на данный момент использовать angular-ui-bootstrap datepicker и timepicker для выбора даты и времени?


angular-ui-bootstrap
person Benjamin    schedule 22.07.2013    source источник
comment
ты нашел ответ?   -  person Paulo Fidalgo    schedule 02.05.2014

Ответы (3)


arrow_upward
14
arrow_downward

Может это поможет. Я создал средство выбора даты и времени, которое включает в себя средства выбора даты и времени. Вы можете найти это здесь

https://github.com/Gillardo/bootstrap-ui-datetime-picker

person Gillardo    schedule 15.01.2015
comment
Огромное спасибо. Эта директива сэкономила мне много времени - person Dustin Hodges; 08.10.2015

arrow_upward
5
arrow_downward

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

plunkr

I представляет собой смесь всплывающего окна datepicker-angular-ui-bootstrap и timepicker с возможностью переключения секунд.

Итак, получайте удовольствие!

person dduft    schedule 12.02.2014
comment
Это не ответ, пользователь запрашивает комбинацию пользовательского интерфейса начальной загрузки Angular, и в этом примере я вижу только средство выбора времени. - person Paulo Fidalgo; 02.05.2014

arrow_upward
-1
arrow_downward

Почему бы вам не попробовать использовать его с диалогом? Я сделал его в додзё, и он отлично выглядит:

http://jsfiddle.net/eugenia96/t9bae/

var dojoConfig = (function() {
    var base = location.href.split("/");
    base.pop();
    base = base.join("/");

    return {
        async: true,
        isDebug: true,
        parseOnLoad: true,
        packages: [{
                name: "demo",
                location: base + "/"
            }]
    };
})();
person eugenia    schedule 15.03.2014