В AngularJS событие onchangeнедоступно для элемента inputс type="datetime". Однако вы можете добиться аналогичной функциональности, используя разные подходы. Вот несколько методов, которые вы можете попробовать:
- Использование директивы
ng-change: AngularJS предоставляет директивуng-change, которую можно использовать для запуска функции, когда значение входного элемента изменения. Вы можете привязать директивуng-changeк элементу ввода и обрабатывать изменение значения средства выбора даты и времени в связанной функции.
Пример:
<input type="datetime" ng-model="selectedDate" ng-change="handleDateChange(selectedDate)">
В приведенном выше примере функция handleDateChangeбудет вызываться всякий раз, когда изменяется значение модели selectedDate.
- Использование пользовательской директивы. Вы можете создать пользовательскую директиву для обработки изменения значения средства выбора даты и времени. Внутри директивы вы можете прослушивать события
inputилиchangeи выполнять необходимую логику.
Пример:
app.directive('datetimePicker', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.on('input', function() {
var selectedDate = element.val();
// Perform the desired action with the selectedDate
});
}
};
});
В приведенном выше примере вы можете применить атрибут datetime-pickerк элементу ввода, чтобы активировать пользовательскую директиву.
- Использование сторонней библиотеки. Если встроенные решения AngularJS не соответствуют вашим требованиям, вы можете рассмотреть возможность использования сторонней библиотеки выбора даты и времени, которая обеспечивает желаемую функциональность. Некоторые популярные варианты включают Bootstrap DatePicker, jQuery UI DatePicker и AngularUI Bootstrap DatePicker.