2014-10-21 11 views
21

में तारीख स्वरूपित हो रहा टाइमस्टैम्प में मॉडल मूल्य द्वारा भरा पाठ इनपुट निम्नलिखित है:AngularJS एनजी मॉडल

<input type="datetime" ng-model="workerDetail.dateOfBirth" class="form-control" id="date_of_birth" /> 

यह दिया टाइमस्टैम्प के रूप में इनपुट में मूल्य प्रदर्शित करता है।

मैं मान को परिवर्तित करना चाहता हूं जो स्वरूपित दिनांक (वाईवायवाई/एमएम/डीडी) में इनपुट में दिखाई दे रहा है, लेकिन मॉडल में हमेशा टाइमस्टैम्प होना चाहिए।

मैं इस तरह से यह करने की कोशिश की:

{{workerDetail.dateOfBirth | date:'MMM'}} 

लेकिन भाग्य के बिना।

किसी भी सलाह के लिए धन्यवाद।

$scope.$watch('workerDetail.dateOfBirth', function (newDate) { 
    $scope.workerDetail.dateOfBirth = $filter('date')(newDate, 'HH:mm', 'UTC'); 
}); 

उत्तर

30

आप इस तरह एक समय क्षेत्र निर्दिष्ट कर सकते हैं एक फिल्टर

एचटीएमएल

<input type="datetime" ng-model="mydateOfBirth" class="form-control" id="date_of_birth" /> 

नियंत्रक जे एस

$scope.$watch('mydateOfBirth', function (newValue) { 
    $scope.workerDetail.dateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
}); 

$scope.$watch('workerDetail.dateOfBirth', function (newValue) { 
    $scope.mydateOfBirth = $filter('date')(newValue, 'yyyy/MM/dd'); 
}); 
+0

प्रारूप होना चाहिए : 'yyyy/MM/dd' – RolandoCC

+0

वास्तव में, इस सवाल का जवाब मुझे एक और अधिक परिष्कृत उदाहरण में एक मुसीबत का कारण बना, तो मैं चला गया सर्जीओ टोलेडो के लिए और सब कुछ ठीक हो गया। – Yulian

5

कोशिश कर सकते हैं केवल एक तारीख प्राप्त करें (डीडी/मिमी/yyyy)

एचटीएमएल

<div class="col-lg-3"> 
<input type="date" name="dob" class="input-lg form-group" ng-model='dob'> 
</div> 

AngularJS

app.controller('myctrl',function($scope, $http,$window,$filter) { 
$scope.sent=function(){ 
    $scope.date = $filter("date")($scope.dob, 'dd-MM-yyyy'); 
    alert($scope.date); 
}}) 
0

के लिए इस कोड का प्रयास करें:

संबंधित मुद्दे