Các phần tử của loại ngày tháng cho phép người dùng nhập ngày tháng, sử dụng hộp văn bản hoặc sử dụng bộ chọn ngày. Với chỉ thị ng-model, chuyển các giá trị của dữ liệu ứng dụng AngularJS vào các điều khiển đầu vào HTML. Firefox hiện không hỗ trợ type ="date". Nó sẽ chuyển đổi tất cả các giá trị thành chuỗi. Kể từ khi
bạn muốn ngày là một đối tượng Ngày thực chứ không phải là một chuỗi, vì vậy chúng tôi tạo một biến khác, sau đó liên kết hai biến như được thực hiện trong đoạn mã đã cho bên dưới
<input type = "date" ng-model = "realdate" />
function MainCtrl($scope, dateFilter) {
$scope.date = new Date();
$scope.$watch('date', function (date){
$scope.dateString = dateFilter(date, 'yyyy-MM-dd');
});
$scope.$watch('realdate', function (realdate){
$scope.date = new Date(realdate);
});
}