Angularjs: Set a value of input of type date

Question

This might be a stupid and an easy problem but I can't seem to have a solution to this. I'm trying to set a field of type Date but nothing show up. Here is my code:

In Html:

<input type="date" name="departure" ng-model="departure" placeholder="yyyy-MM-dd" required/>

In the Controller I do something like this:

$scope.departure = new Date(2015, 9, 22);

NOTHING got display in the field "departure". I dont understand why. This seems to be so easy. I follow this example: https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

Please help. I'm using Angular 1.3 Thanks

Make sure you set ng-controller in the html.

MikeG
– MikeG

2014-11-16 21:15:35 +00:00
Commented Nov 16, 2014 at 21:15 — MikeG
– MikeG, Commented Nov 16, 2014 at 21:15

j0hnstew · Accepted Answer · 2014-11-16 20:40:49Z

2

I assume you are just trying to get your scope variable departure to be translated into the format of the date input. I created this plunkr.

JS

var app = angular.module('stack',[]);

app.controller('DateController', ['$scope', function($scope){
    $scope.departure = new Date(2015, 10, 22);
}]);

HTML

<!DOCTYPE html>
<html ng-app="stack">

  <head>
    <script src="//code.angularjs.org/1.3.1/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="DateController">
    <input type="date" name="departure" ng-model="departure" placeholder="yyyy-MM-dd" required/>
  </body>

</html>

Again not exactly sure what you were trying to do but this works for me. Hope this helps.

answered Nov 16, 2014 at 20:40

j0hnstew

7098 silver badges25 bronze badges

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

1 Comment

user1438038 Over a year ago

Just as a side note: The month index is zero-based, so new Date(2015, 10, 22) is the 22nd of November, 2015. Just in case anybody bumps into this.

Collectives™ on Stack Overflow

Angularjs: Set a value of input of type date

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related