utilizzando angular-ui-bootstrap datepicker e timepicker in un popup

Question

Ho bisogno che i miei utenti siano in grado di selezionare uno specifico datetime in un campo di input.

Vorrei utilizzare la libreria angular-ui-bootstrap in quanto evita la dipendenza da Jquery. Il problema è che anche se contiene un Datepicker e un Timepicker, sembra che non sia possibile averli in un popup con un bel layout.

Ho trovato un componente che fanno esattamente quello che mi piacerebbe fare con angolare-ui-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

Il problema è che utilizza jQuery e abbiamo bisogno di includere un sacco di file javascript whih fa la pagina un po 'pesante solo per questo bisogno ...

Ho studiato nel repository github angular-ui-bootstrap e ho trovato this issue che contiene un esempio di plunker che risolve parzialmente il mio problema, ma con questo esempio non c'è possibilità di selezionare l'ora.

Qualcuno sa se è possibile al momento utilizzare angular-ui-bootstrap datepicker e timepicker per selezionare un datetime?

Answer 1

La domanda è una specie di vecchio ma nel caso qualcuno stia ancora cercando una risposta, ecco la mia implementazione per timepicker-popup, scritta in modo puramente angolare.

plunkr

I è una miscela di angolare-ui-bootstrap datepicker-comparsa e TimePicker con capacità secondi commutabile.

Quindi, divertiti!

Answer 2

Perché non provi ad usarlo con una finestra di dialogo? Ho fatto uno con dojo e sembra grande:

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

Forse questo può aiutare. Ho creato un selettore di data e ora che racchiude i raccoglitori di data e ora. Potete trovarlo qui

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