jquery-simple-datetimepickerを無理矢理Angular.jsのdirectiveにしちゃう

dtpicker.js

// a Angular.js directive that activates jquery-simple-datetimepicker
// 
// jquery-simple-datetimepicker:
// 
//   https://github.com/mugifly/jquery-simple-datetimepicker
// 
// usage:
// 
//   <input type="text" ng-model="datetime" ng-dtpicker ng-change="doSomething(datetime)" />
// 
angular.module('dtpicker', [])
    .directive('ngDtpicker', function() {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function(scope, elm, attr, ngModelCtrl) {
                $(function() {
                    var $e = $(elm);
                    elm.bind('click', function() {
                        $e.appendDtpicker({'inline' : true});
                        var $next = $e.next();
                        var $picker = $next.children('.datepicker');
                        $picker.attr('tabindex', -1);
                        $picker.focusout(function() {
                            $next.remove();
                            scope.$apply(function() {
                                ngModelCtrl.$setViewValue(elm.val());
                            });
                        });
                    });
                });
            }
        };
    });