টাইপ তারিখের <ইনপুট> উপাদানগুলি ব্যবহারকারীকে একটি পাঠ্য বাক্স ব্যবহার করে বা তারিখ পিকার ব্যবহার করে তারিখ লিখতে দেয়। এনজি-মডেল নির্দেশের সাথে, অ্যাঙ্গুলারজেএস অ্যাপ্লিকেশন ডেটার মানগুলিকে এইচটিএমএল ইনপুট নিয়ন্ত্রণের সাথে সংযুক্ত করে। ফায়ারফক্স বর্তমানে type="date" সমর্থন করে না। এটি সমস্ত মানকে স্ট্রিংয়ে রূপান্তর করবে। যেহেতু
আপনি তারিখটি একটি বাস্তব তারিখ অবজেক্ট হতে চান এবং একটি স্ট্রিং নয়, তাই আমরা অন্য একটি ভেরিয়েবল তৈরি করি এবং তারপরে নীচের প্রদত্ত কোডে করা দুটি ভেরিয়েবলকে লিঙ্ক করি
<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);
});
} 