AngularJS reusable directive - Month select

HTML

<div ng-app="app">
    <div ng-controller="TestingCtrl as testing">        
        <select ng-model='testing.month' month-options></select>
        Selected month: {{testing.month}}
    </div>    
</div>

JavaScript

var app = angular.module('app', [])

app.controller('TestingCtrl', [function () {
    var _this = this;
    _this.month = 4;    
}]);

app.directive('monthOptions', function() {
    return {
        restrict: 'A',
        template:
            '<option value="1">Jan</option>' +
            '<option value="2">Feb</option>' +
            '<option value="3">Mar</option>' +
            '<option value="4">Apr</option>' +
            '<option value="5">May</option>' +
            '<option value="6">Jun</option>' +
            '<option value="7">Jul</option>' +
            '<option value="8">Aug</option>' +
            '<option value="9">Sep</option>' +
            '<option value="10">Oct</option>' +
            '<option value="11">Nov</option>' +
            '<option value="12">Dec</option>'                
    }
});