<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.2.1" src="http://code.angularjs.org/1.2.1/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app">
<div ng-controller="EditCtrl">
<input type="text" ng-model="item.title" />
<input type="date" ng-model="item.date" pattern="dd/MM/YYYY" valueAsDate="{{item.dateAsDate}}" />
</div>
</body>
</html>
var app = angular.module("app", []);
app.factory("db", function() {
var obj = {};
obj.item = {
title: "testing title",
date: 1387843200000
}
return obj;
});
app.controller("EditCtrl", ["$scope", "$filter", "db",
function($scope, $filter, db) {
var item = db.item;
console.log(item);
item.date = $filter('date')(item.date, "dd/MM/yyyy");
item.dateAsDate = new Date(item.date);
$scope.item = item;
}
]);
/* Styles go here */