using eckig-ui-bootstrap datepicker und timepicker in einem Popup

Question

Ich brauche meine Benutzer in der Lage sein, eine bestimmte datetime in einem Eingabefeld auswählen.

Ich möchte Angular-Ui-Bootstrap-Bibliothek verwenden, da es die Jquery-Abhängigkeit vermeidet. Das Problem ist, dass selbst wenn es einen Datepicker und einen Timepicker enthält, es scheint, dass es nicht möglich ist, sie in einem Popup mit einem schönen Layout zu haben.

fand ich eine Komponente, die genau tun, was ich mit Winkel-ui-Bootstrap tun würde: http://www.malot.fr/bootstrap-datetimepicker/demo.php

Das Problem ist, dass es verwendet JQuery und wir brauchen viel Javascript-Dateien enthalten whih macht die Seite ein bisschen schwer nur für diese Notwendigkeit ...

Ich untersucht in der angular-UI-Bootstrap GitHub Repo, und gefunden this issue, die eine Stichprobe enthalten, die teilweise mein Problem angeht, aber mit diesem Beispiel gibt es keine Möglichkeit die Zeit auswählen.

Weiß jemand, ob es im Moment möglich ist, angular-ui-bootstrap datepicker und timepicker zu verwenden, um eine datetime auszuwählen?

Answer 1

Die Frage ist eine Art alt, aber falls jemand noch nach einer Antwort sucht, hier ist meine Implementierung für Timepicker-Popup, rein in eckig geschrieben.

plunkr

I ist eine Mischung aus Winkel-ui-Bootstrap-Popup Datumsauswahl und Time mit schaltbarer Sekunden Fähigkeit.

Also, viel Spaß damit!

Answer 2

Warum versuchen Sie nicht, es mit einem Dialog zu verwenden? Ich habe eine mit Dojo und es sieht gut aus:

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

Vielleicht helfen kann. Ich habe eine Datumsauswahl erstellt, die die Datums- und Uhrzeitauswahl umschließt. Sie können es hier finden

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