Month Date Widget

For month summary view.

by merganser

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <div data-monthdaypicker id="hellopicker">Hello</div>

JavaScript

angular.module('dropdowntabfiddle', []).directive('monthdaypicker', ['$compile', function ($compile) {





				function gettemplate(scope, element) {
        	console.log(element);
          return "<h4>HI</h4>";
				}






  return {
    restrict: 'A',
    replace: true,
    scope: {
      startdate: new Date(),                
      enddate: new Date(),
      months: ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'],
      days = ['s', 'm', 't', 'w', 't', 'f', 's']
    },
    link: function ($scope, $element, attrs) {
    
      $element.html(gettemplate($scope, $element));
      $compile($element.contents());
      
    }
  };
}]);