2012-11-11 22 views
5

तो मेरे पास है:AngularJS ui-दिनांक स्वरूप

<input ng-model="date1" ui-date> 
<div ng-model="date2" ui-date></div> 

यह काम करता है महान। Div कैलेंडर 'date2' अपने पिछले UI-date इनपुट, अर्थात् 'date1' इनपुट बॉक्स के परिवर्तन का पालन करेगा।

एंगुलरयूआई ने बहुत अच्छा काम किया, जब आपके पास एक पृष्ठ में मौजूद एकाधिक इनपुट + div कैलेंडर हैं, तो ट्रैवल एजेंट बुकिंग पेज की कल्पना करें, 'डेट 4' स्वचालित रूप से 'date3' के साथ समूहित होगा, 'date6' 'date5' के साथ समूह करेगा स्वचालित रूप से ... आदि। बहुत बढ़िया।

हालांकि, मेरे नमूना कोड <input ng-model="date1" ui-date> में केवल यूएस प्रारूप में बैक-स्लैश delimiters 'MM/dd/yyyy' के साथ काम करता है।

मेरा सवाल है, मैं डिफ़ॉल्ट इनपुट दिनांक प्रारूप कैसे बदलूं? अगर मैं अपने इनपुट के रूप में iso-8601 'yyyy-MM-dd' रखना चाहता हूं, तो ui-date इसे मान्य इनपुट के रूप में पहचानने के लिए प्रतीत नहीं होता है।

मैंने ui-date="yyyy-MM-dd" को आजमाया है, ऐसा कोई प्रतीत नहीं होता है।

उत्तर

11

के बाद से इस jQueryUI में datepicker के लिए एक आवरण है, तो आप की जाँच करनी चाहिए document here

आप इसे इस

ui-date="{ dateFormat: 'yy-mm-dd' }" 

यहाँ की तरह सेट कर सकते हैं plunker

+1

धन्यवाद है! यह मदद करता है! मुझे कैसे पता चलेगा कि कौन सा JQuery wrapper है या जहां वे AngularUI में हैं? – Tom

+0

आपका स्वागत है। आप गीथूब में अपना स्रोत देख सकते हैं। – maxisam