allenhwkim/gist:72add6443019bfbe0f88

## gistfile1.txt
<!DOCTYPE html>
<html>

<head>
  <script src="angular.js"></script>
  <script>
angular.module('myApp', []).
  factory('datepicker', function($compile, $document){
    var datepickerEl, datepickerElCtrl;
    return {
      open: function(options) {
        var div = angular.element('<div datepicker></div');
        div.attr({ 'date-format': options.dateFormat });
        datepickerEl = $compile(div)(options.element.scope());
        div.remove();
        $document.find('body').append(datepickerEl);
        datepickerElCtrl = datepickerEl[0].datepickerCtrl;
        datepickerElCtrl.open(options);
      },
      close: function(options) {
        datepickerEl.remove();
      }
    }
  }).
  directive('datepicker', function(){
    var datepickerCtrl = function() {
      this.open = function(options) {
      };
    };
    return {
      scope: {},
      controller: datepickerCtrl,
      template: 'DATETIME PICKER',
      link: function(scope, element, attrs, ctrl) {
        element[0].datepickerCtrl = ctrl;
      }
    };
  }).
  directive('openDatepicker', function($parse, datepicker) {
    return {
      link: function(scope, element, attrs) {
        datepicker.open({
          element: element,
          dateFormat: attrs.dateFormat
        })
      }
    }
  })
</script>
</head>

<body ng-app="myApp">
  <input ng-model="myDate" open-datepicker="" date-format="yyyy-MM-dd" />
</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<script src="angular.js"></script>
	<script>
	angular.module('myApp', []).
	factory('datepicker', function($compile, $document){
	var datepickerEl, datepickerElCtrl;
	return {
	open: function(options) {
	var div = angular.element('<div datepicker></div');
	div.attr({ 'date-format': options.dateFormat });
	datepickerEl = $compile(div)(options.element.scope());
	div.remove();
	$document.find('body').append(datepickerEl);
	datepickerElCtrl = datepickerEl[0].datepickerCtrl;
	datepickerElCtrl.open(options);
	},
	close: function(options) {
	datepickerEl.remove();
	}
	}
	}).
	directive('datepicker', function(){
	var datepickerCtrl = function() {
	this.open = function(options) {
	};
	};
	return {
	scope: {},
	controller: datepickerCtrl,
	template: 'DATETIME PICKER',
	link: function(scope, element, attrs, ctrl) {
	element[0].datepickerCtrl = ctrl;
	}
	};
	}).
	directive('openDatepicker', function($parse, datepicker) {
	return {
	link: function(scope, element, attrs) {
	datepicker.open({
	element: element,
	dateFormat: attrs.dateFormat
	})
	}
	}
	})
	</script>
	</head>

	<body ng-app="myApp">
	<input ng-model="myDate" open-datepicker="" date-format="yyyy-MM-dd" />
	</body>

	</html>