2016-02-01 2 views
2

im использование углового формы на моем проекте. мы разрешаем пользователю выбирать дату из DP (макс: сегодня мин: сегодня - 100 лет), но пользователь может также редактировать дату в поле ввода. Поэтому мой вопрос заключается в том, как разрешить дату редактирования пользователя только в диапазоне (от сегодняшнего дня до сегодняшнего дня -100 лет)Как проверить входные данные пользователя в угловом формате datepicker?

ответ

1

Я нашел примерный пример пользовательского интерфейса UI. Это то, что вы подразумеваете под «DP»?

http://angular-formly.com/#/example/integrations/ui-datepicker

Если вы не можете пользователю редактировать текст, а также дату, то я предложил бы иметь использовать угловой фильтр, а также проверки даты текста. Вот очень хороший пример того, что вам нужно:

https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

Если вы хотите, чтобы ваши даты, чтобы быть в настоящее время - 100 лет, установить мин до:

<input type="date" 
    min="{{myMin}}"> 

где ваш контроллер будет иметь переменную установление минимальной даты

$scope.myMin = new Date().setFullYear(new Date().getFullYear() - 100); 

Это не проверено, но вам, возможно, придется выполнить функцию «toString».

+0

Да DP (datepicker), да выберите дату с даты выбора, но если он отредактирует дату после выбора, мне нужно подтвердить этот ввод – Markoo08

+0

Я обновил вторую ссылку. Это позволит вам установить минимальную и максимальную дату в вашей форме. :) –

+0

Я постараюсь завтра. но выглядит очень хорошо. ты мой герой. благодаря – Markoo08