在AngularJS中,可以使用ng-model指令将用户输入的日期绑定到控制器中。以下是一个示例:
HTML视图:
AngularJS控制器:
app.controller('MainCtrl', function($scope) {
$scope.selectedDate = new Date(); // 设置默认日期
$scope.getDate = function() {
console.log($scope.selectedDate); // 在控制台打印选择的日期
};
});
在上面的示例中,使用ng-model指令将用户选择的日期绑定到selectedDate变量。当点击按钮时,调用getDate函数并访问$scope.selectedDate以获取用户选择的日期。
您还可以在控制器中使用$watch函数来监视selectedDate的变化,并在日期发生更改时执行一些其他操作。例如:
$scope.$watch('selectedDate', function(newDate, oldDate) {
console.log('新日期:', newDate);
console.log('旧日期:', oldDate);
});
这将在selectedDate变量发生更改时打印新日期和旧日期。
请注意,ng-model指令只能在元素上使用,因此上述示例中使用了type="date"的输入字段。