przy użyciu datownika i timepicker typu kątowego w wyskakującym okienku

Question

Potrzebuję moich użytkowników, aby móc wybrać określoną datę i godzinę w polu wejściowym.

Chciałbym użyć biblioteki angular-ui-bootstrap, ponieważ unika zależność Jquery. Problem polega na tym, że nawet jeśli zawiera on datepicker i timepicker, wydaje się, że nie można ich umieścić w wyskakującym okienku z ładnym układem.

znalazłem składnik, który nie dokładnie to, co chciałbym zrobić z kątowym-UI-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

Problem polega na tym, że wykorzystuje jQuery i musimy zawierać wiele plików javascript whih czyni strona trochę ciężka tylko dla tej potrzeby ...

Zbadałem w repozytorium gular-ui-bootstrap i znalazłem this issue, które zawiera próbkę plunkera, która częściowo rozwiązuje mój problem, ale z tym przykładem nie ma możliwości wyboru czasu.

Czy ktoś wie, czy w danej chwili można użyć datepaksu o kątowym ui-bootstrap i timepicker, aby wybrać datetime?

Answer 1

Pytanie jest stare, ale jeśli ktoś wciąż szuka odpowiedzi, oto moja implementacja timepicker-popup, napisana czysto w kanciastym.

plunkr

I jest mieszaniną skośnych ui uruchamiającego datepicker-okienko i timepicker z możliwością przełączane sekund.

Więc baw się dobrze!

Answer 2

Dlaczego nie spróbujesz użyć go w oknie dialogowym? Zrobiłem jeden z dojo i wygląda świetnie:

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 + "/" 
      }] 
    }; 
})(); 

Answer 3

Może to pomóc. Stworzyłem selektor daty, który otacza zbieracze daty i godziny. Możesz go znaleźć tutaj

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