दिनांक प्रकार के <इनपुट> तत्व उपयोगकर्ता को टेक्स्ट बॉक्स का उपयोग करके या दिनांक पिकर का उपयोग करके दिनांक दर्ज करने की अनुमति देते हैं। एनजी-मॉडल निर्देश के साथ, एंगुलरजेएस एप्लिकेशन डेटा के मूल्यों को HTML इनपुट नियंत्रणों में शामिल करता है। फ़ायरफ़ॉक्स वर्तमान में प्रकार ="दिनांक" का समर्थन नहीं करता है। यह सभी मानों को स्ट्रिंग में बदल देगा। चूंकि
आप चाहते हैं कि तारीख एक वास्तविक तिथि वस्तु हो, न कि एक स्ट्रिंग, इसलिए हम एक और चर बनाते हैं, और फिर नीचे दिए गए कोड में किए गए दो चर को लिंक करते हैं
<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);
});
}