How to add a "datetime" picker for angular js application?

Question

I am developing an angular js application. It's has one page, with an input as date. I need to add, a date as input.

Date Input

<input type="date" ng-model="InputDate" />

How can I do that?

Hope guide or simple example how to input date.

Amila Sampath
– Amila Sampath

2015-09-28 18:28:43 +00:00
Commented Sep 28, 2015 at 18:28 — Amila Sampath
– Amila Sampath, Commented Sep 28, 2015 at 18:28

r0u9hn3ck · Accepted Answer · 2019-06-06 19:04:42Z

9

If you want a simple solution, considering you don't want to inject additional dependency just for a date-time picker in your application, go with the inbuilt method:

<input type="datetime-local" id="exampleInput" name="input" ng-model="example.value"
  placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00" max="2013-12-31T00:00:00" required />

More information on date-time picker | AngularJS API Reference

However, if your app requires date-time input in multiple views, then maybe you can also go with other, additional third party modules (just google for it). One of the major advantage of going this way would be to let your app users encounter a better UI/UX.

edited Jun 6, 2019 at 19:04

answered Oct 15, 2017 at 21:06

r0u9hn3ck

5434 silver badges11 bronze badges

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

Comments

Grégory Desmaziers · Accepted Answer · 2015-09-28 22:01:46Z

4

You can use Angular Bootstrap components : https://angular-ui.github.io/bootstrap/#/datepicker

answered Sep 28, 2015 at 22:01

Grégory Desmaziers

1893 bronze badges

Collectives™ on Stack Overflow

How to add a "datetime" picker for angular js application?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related