Arhn - архитектура программирования

Как принять только дату в качестве значения поля ввода для начальной загрузки в angular

HTML

                 <form name="eventInformation" id="eventInformation"><label class="required"> Occurence Date </label>
                     <p class="input-group">
                       <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="formData_EventDetails.eventOccurDate"
                              is-open="popup[0].opened" datepicker-options="dateOptions" close-text="Close" required/>
                    <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="open(0)"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                    </p>

                <div class="col-sm-2 pull-right">
                          <button class="btn btn-block btn-primary ebtn"
                                  ng-disabled="eventInformation.$invalid"
                                  ng-click="submit()">Save</button>
                      </div>
</form>

JavaScript

                        $scope.format = 'yyyy/MM/dd';


                        $scope.dateOptions = {
                            formatYear : 'yy',
                            startingDay : 1
                        };

                        $scope.popup = [];
                        for (i = 0; i < 10; i++) {
                            $scope.popup[i] = {
                                opened : false
                            };
                        }

                        $scope.open = function(i) {
                            $scope.popup[i].opened = true;
                        };

У меня есть элемент bootstrap datepicker, который я пытаюсь принимать только дату в качестве ввода, но он принимает все виды ввода, т.е. строку, числа и т. д. Как я могу ограничить, чтобы он принимал только дату в качестве ввода



Ответы:


1

Поскольку это текстовое поле ввода, вы не можете запретить пользователю вводить недопустимые символы (поведение по умолчанию).

Но вы можете остановить операцию обновления модели, когда пользователь указывает неправильную дату (для этого вам нужно настроить следующие атрибуты для вашего элемента ввода)

ng-model-options="{allowInvalid: false}"
02.03.2016
  • еще одна странная вещь, на которую следует обратить внимание, это то, что кнопка отправки отключена, когда я ввожу какое-либо строковое значение, что означает, что ng-disabled=eventInformation.$invalid по какой-то причине является истинным и распознается как поле даты 02.03.2016
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..