Angular: Empty Fiddle

http://angularjs.org/

by johnlindquist

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc2.js"></script>
<div ng-controller="MyCtrl">
    outer: {{myDate}}
    <hr>
    <datepicker date-model="myDate"></datepicker>
</div>

JavaScript

function MyCtrl($scope) {
    $scope.myDate = Date.now()
}

angular.module('datepicker', []).
directive('datepicker', function() {
  return {
    restrict: 'E',
    scope: {
      dateModel: 'accessor'
    },
    template: '<input ng-model="myDate"><button ng-click="save()">save</button>',
    link: function(scope, element, attr) {
      scope.myDate = scope.dateModel();
      scope.save = function() {
        scope.dateModel(scope.myDate);
      };
    }
  }
})