AngularJS simple datetime picker?

Question

Hi I am new to AngularJS.

Is there anyone know how to add Date & Time picker on the form?

I saw some example which is difficult for me to follow.

Is there any simple one?

Thank in advance.

score 0 · Answer 1 · answered May 25 '17 at 21:21

0

Just use Bootstrap with an input type of datetime-local.

<input class="form-control" type="datetime-local" value="2017-05-23T15:00:00"  id="dateTimeInput">

answered May 25 '17 at 21:21

Mark S.

3,849
4
20
22

Thank you. Is there a way to set the value to current datetime? instead of hardcoded datetime. – Tun Tun May 25 '17 at 21:58
I know how to set current datetime. Thanks. – Tun Tun May 25 '17 at 22:21

score 0 · Answer 2 · answered May 25 '17 at 22:23

Start <input type="datetime-local"   value="" id="dateTimeInput" size="16" class="input-medium" ng-model='start.value'> 

End <input type="datetime-local"   value="" id="dateTimeInput" size="16" class="input-medium"  ng-model='end.value'>


$scope.start = {value: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours()+1, 0)};
$scope.end = {value: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours()+2, 0)};

AngularJS simple datetime picker?

2 Answers2