Angular datetime picker?

Question

I can find plenty of datetime pickers for AngularJS but no reliable (working) ones for Angular. Is there any Angular datetime picker that works, that someone here has used?

Have you tried UI bootstrap calender this works for both. AngularJS And AngularJS 2. U need to modified youe code little bit. for reference refer this link: plnkr.co/edit/ZGl0VuJjVF1nliMidaL6?p=previe. — Yasin
– Yasin, Commented Aug 11, 2016 at 7:13
@Yasin is there anyway to add time picker for this calendar ? — Rodrigo
– Rodrigo, Commented May 21, 2017 at 15:47
I have added into 1 datetime picker component github.com/Gillardo/ngx-bootstrap-datetime-popup — Gillardo
– Gillardo, Commented Jul 26, 2017 at 11:01

Sanket · Accepted Answer · 2016-06-20 11:30:07Z

2

Try Calendar control from primeNG. This gives you any format of date & time.

Sample implementation looks like below-

Update package.json

"primeng": "^1.0.0-beta.7", "primeui": "^4.1.10",

component lines are-

import { Calendar } from 'primeng/primeng';
directives: [Calendar]

p-calendar [(ngModel)]="date1" dateFormat="mm/dd/yy" timeFormat="HH:mm">

You can find more format examples on - http://www.primefaces.org/primeng/#/calendar

answered Jun 20, 2016 at 11:30

Sanket

20.2k10 gold badges74 silver badges84 bronze badges

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

6 Comments

Phoenix Dev Over a year ago

Is it free to use in production?

Sanket Over a year ago

All PrimeNG widgets are open source and free to use under MIT License.

Phoenix Dev Over a year ago

Ok thanks! I updated the package json and on running npm update it gave an error like: npm ERR! shasum check failed for /tmp/npm-4892-b82ffbcf/registry.npmjs.org/primeui/-/primeui-4.1.15.tgz.

Sanket Over a year ago

Can you please raise a new question with all your details?

Phoenix Dev Over a year ago

Ok sure! I'll do it.

|

Gillardo · Accepted Answer · 2017-07-17 12:58:59Z

1

Not sure if this helps, but i have made a basic popup component using the ngx-bootstrap datepicker and timepicker. You can find it here

https://github.com/Gillardo/ngx-bootstrap-datetime-popup

answered Jul 17, 2017 at 12:58

Gillardo

9,85818 gold badges83 silver badges152 bronze badges

2 Comments

Aravindh Gopi Over a year ago

can you please add a demo?

Gillardo Over a year ago

This has been updated today and working on ng-cli, webpack etc with angular 4+

miquelarranz · Accepted Answer · 2016-06-19 21:36:17Z

-1

I haven't used these libraries yet but both may help you:

mydatepicker

ng2-datepicker

Give them a try and let us know if they work correctly for Angular 2.

answered Jun 19, 2016 at 21:36

miquelarranz

90411 silver badges27 bronze badges

2 Comments

developer747 Over a year ago

Ive already tried both. If you get their source code from github as is and try npm install and npm run, neither one works. mydatepicker fails in npm run and ng2-datepicker throws a javascrippt error and fails.

miquelarranz Over a year ago

It's difficult to find libraries working since Angular 2 is still under development. If you use Chrome and an input of type date, a calendar button is shown and it works like datepicker, but only works on Chrome I guess.

Collectives™ on Stack Overflow

Angular datetime picker?

3 Answers 3

6 Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related