jquery - angularjs指令中的Jquery Datetimepicker

Question

我创建了一个 angularjs 指令来使用 jquery datetimepicker。我面临一个特殊的问题。当我从数据库收到日期时，ng-model 将日期显示为 2018-04-04T00:00:00 而不是我在指令中设置的格式 4-Apr-2018 12:00 AM。
我需要单击一次日期控件以显示正确的格式。请帮助解决这个问题。

HTML

<input type="text" size="16" class="form-control" data-ng-model="inquiryInfo.DueDate" datetimepicker>

JS

demoApp.directive('datetimepicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, element, attrs, ctrl) {
            angular.element(element).datetimepicker({
                format: "dd-M-yyyy H:ii P",
                autoclose: true,
                todaybtn: true,
                pickerposition: "bottom-left",
                minuteStep: 15,
                onSelect: function (date) {
                    ctrl.$setViewValue(date);
                    ctrl.$render();
                    scope.$apply();
               }
            });
        }
    };
});

标签： jqueryangularjsdatetimepicker