带有 JQuery Datepicker 的 Angular JS 指令

Question

我对 Angular js 完全陌生。但是我设法在我的 Angular JS 项目中集成了一个 jQuery UI 日期选择器。 但现在我想将 jQuery datepicker 选择的日期格式化为我无法做到的 ISO 日期格式。 这是我的代码。

HTML

<input type="text" ng-model="event.when.start" datetime-picker>

角度控制器

myApp.directive('datetimePicker', function() {
   return {
        require : 'ngModel',
        link : function (scope, element, attrs, ngModel) {
            $(function(){
                element.datetimepicker({
                    dateFormat:'yy-mm-dd',
                    minDate: 0,
                    yearRange: '1920:2012',
                    minute: 0,
                    stepMinute: 15,
                    onSelect:function (dateText, inst) {
                        var dt = new Date(dateText);
                        alert(dt.toISOString());
                        ngModel.$setViewValue(dt.toISOString());
                        scope.$apply();
                    }
                });
            });
        }
    }
});

屏幕截图

注意*：不过我可以提醒该值。

Answer 1

简单如下

myapp.controller('myctrl',function myctrl ($scope){
    $scope.event = {when : {start : ''}}
    $scope.event.when.start = new Date();
}).

    myApp.directive('datetimePicker', function() {
       return {
            require : 'ngModel',
            link : function (scope, element, attrs, ngModel) {
                $(function(){
                    element.datetimepicker({
                        minDate: 0,
                        yearRange: '1920:2012',
                        minute: 0,
                        stepMinute: 15,
                        onSelect:function (dateText, inst) {

                            scope.$apply(function(){
                               scope.event.when.start = new Date(dateText);
                            });
                        }
                    });
                });
            }
        }
    });

如果需要 ISO 日期，请不要使用 dateFormat:'yy-mm-dd',