<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-aria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.4/angular-material.css">
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<form name="someForm">
<md-datepicker ng-model="data.date" placeholder="Some Date"></md-datepicker>
<md-button ng-click="submit()" class="md-primary" type="submit">Submit</md-button>
</form>
<p>{{data.dateString}}</p>
</div>
</body>
</html>
var app = angular.module('app', ['ngMaterial']);
app.controller('HelloController', function($scope) {
$scope.data = {
date: new Date()
};
$scope.submit = function() {
$scope.data.dateString = moment($scope.data.date).format("YYYY-MM-DD");
}
}).run();
/* Styles go here */