在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"
的输入字段。