ng-модель не принимает значение, введенное через средство выбора времени jquery; - PullRequest
Новая
       27

ng-модель не принимает значение, введенное через средство выбора времени jquery;

0 голосов
/ 07 ноября 2018

Я создал поле ввода типа времени, значение которого должно вводить переменную в области (с ng-моделью). Выбор времени осуществляется с помощью часов, он создается плагином jquery time picker , но когда я выбрал час, я вижу выбранное значение в поле ввода, но вход имеет класс 'ng-invalid', ---> значение не входит в модель.

скрипт выбора времени jquery & ссылка: 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

плагин jquery (помещен в директиву): 

app.directive("timepicker", ["$timeout", function ($timeout) {
    return {
        restrict: "C",
        transclude: true,
        link: function (scope, element, attr) {
            $timeout(function () {

                element.timepicker({
                    timeFormat: 'HH:mm',
                    interval: 15,
                    minTime: '24',
                    maxTime: '23:00',
                    startTime: '00:00',
                    dynamic: false,
                    dropdown: true,
                    scrollbar: true          
                });
                angular.element(".ui-timepicker-viewport").addClass('scrollbar');
                angular.element(".ui-timepicker-viewport").addClass('scrollbar-primary2');

            });
        }
    }
}]);

вход: 

@Html.TextBox("rt-time", null, new
                       {
                           id = "rt-time",
                           @class = Model.Rtl ? "input-field time-input timepicker rtl-position" : "input-field time-input clockpicker ltr-position",
                           ng_model = "newOrder.routes[0].time",
                           required = "required",
                           aria_label = @UBUS.Resources.Languages.HomePage.HomePage.PlaceholderTime,
                           placeholder = @UBUS.Resources.Languages.HomePage.HomePage.PlaceholderTime,
                           autocomplete = "off"
                       })

выпадающий список, созданный плагином jquery timepicker: enter image description here

вход получил класс 'ng-invalid' после того, как я выбрал время enter image description here

...