using angular-ui-bootstrap datepicker and timepicker in a popup

Question

I need my users to be able to select a specific datetime in an input field.

I would like to use angular-ui-bootstrap library as it avoids the Jquery dependancy. The problem is that even if it contains a datepicker and a timepicker, it seems it's not possible to have them in a popup with a nice layout.

I found a component that do exactly what I'd like to do with angular-ui-bootstrap: http://www.malot.fr/bootstrap-datetimepicker/demo.php

The problem is that it uses Jquery and we need to include a lot of javascript files whih makes the page a bit heavy just for this need...

I investigated in the angular-ui-bootstrap github repo, and found this issue which contain a plunker sample that addresses partially my problem, but with this example there is no possibility of selecting the time.

Does anyone know if it's possible at the moment to use angular-ui-bootstrap datepicker and timepicker to select a datetime?

have you found the answer?

Paulo Fidalgo
– Paulo Fidalgo

2014-05-02 16:37:22 +00:00
Commented May 2, 2014 at 16:37 — Paulo Fidalgo
– Paulo Fidalgo, Commented May 2, 2014 at 16:37

Gillardo · Accepted Answer · 2015-01-15 21:03:08Z

14

Maybe this can help. I created a date time picker that wraps the date and time pickers. You can find it here

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

answered Jan 15, 2015 at 21:03

Gillardo

9,85818 gold badges83 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dduft · Accepted Answer · 2014-02-12 09:19:50Z

6

The question is some kind of old but in case anybody is still looking for an answer, here is my implementation for timepicker-popup, purely written in angular.

plunkr

I is a mixture of angular-ui-bootstrap datepicker-popup and timepicker with switchable seconds ability.

So, have fun with it!

answered Feb 12, 2014 at 9:19

dduft

4808 silver badges18 bronze badges

1 Comment

Paulo Fidalgo Over a year ago

This is not an answer, the user ask for a combination of Angular bootstrap UI and in the example I can see only a time picker.

chopper · Accepted Answer · 2014-03-15 00:35:53Z

-1

Why don't you try to use it with a dialog? I made one with dojo and it looks great:

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

edited Mar 15, 2014 at 0:35

chopper

6,7397 gold badges40 silver badges56 bronze badges

answered Mar 15, 2014 at 0:16

eugenia

12 bronze badges

Collectives™ on Stack Overflow

using angular-ui-bootstrap datepicker and timepicker in a popup

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related