<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
<form ng-app="myApp" name="Form" ng-controller="DateCtrl">
<h3>input[month] directive example</h3>
Pick a Month in 2016:
<input type="month" name="input" ng-model="value"
placeholder="yyyy-MM" min="2016-01" max="2016-12" required />
<span ng-show="Form.input.$error.required">
Required!</span>
<span ng-show="Form.input.$error.month">
Not a valid month!</span>
<p>value = {{value | date: "yyyy-MM"}}</p>
<p>Form.input.$valid = {{ Form.input.$valid }}</p>
<p>Form.input.$error = {{ Form.input.$error }}</p>
<p>Form.$valid = {{ Form.$valid }}</p>
<p>Form.$error.required = {{ !!Form.$error.required }}</p>
</form>
<script>
var app=angular.module('myApp', []);
app.controller('DateCtrl', ['$scope', function($scope) {
}]);
</script>
</body>
</html>
