एचटीएमएल 5 डेटाटाइम इनपुट - शैली मूल्य प्रस्तुति के लिए संभव है?

Question

क्या एचटीएमएल 5 डेटाटाइम इनपुट शैली बनाना संभव है?

<input type="datetime" value="2011-08-18T16:49Z"> 

यह आईएसओ दिनांक-समय प्रारूप अत्यधिक पढ़ने योग्य नहीं है। सीएसएस या किसी अन्य माध्यम का उपयोग कर कुछ पैटर्न के साथ मूल्य की प्रस्तुति को प्रारूपित करना संभव है?

संपादित करें: मुझे अभी एहसास हुआ कि यह प्रश्न ब्राउज़र निर्भर है। उदाहरण के लिए ओपेरा इस टैग को एक अच्छे नियंत्रण के साथ लागू करता है, जहां उपयोगकर्ता केवल अमान्य तिथि दर्ज नहीं कर सकता है। ब्राउज़र तब उचित रूप से स्वरूपित W3C डेटाटाइम स्ट्रिंग उत्पन्न करेगा, और उसे सर्वर पर भेज देगा। फ़िरफॉक्स 6 केवल एक मानक इनपुट प्रदान करता है और इसमें परवाह नहीं है कि क्या दर्ज किया गया है। क्रोम में एक सादा इनपुट फ़ील्ड है, लेकिन फ़ॉर्म जमा करने से पहले एक वैध w3C स्ट्रिंग दर्ज की जानी चाहिए।

तो मेरा प्रश्न शायद कोई समझ नहीं लेता है। तो मैं एक और पूछूंगा: क्या ब्राउज़र के लिए कोई दिशानिर्देश हैं जो इन कस्टम इनपुट फ़ील्ड की कार्यक्षमता/प्रस्तुति को मानकीकृत करते हैं?

Answer 1

एक बार फ़ॉर्म डेटा सबमिट करने के बाद आप इसे सर्वर-साइड प्रारूपित कर सकते हैं। यदि आप अपना स्वरूपण क्लाइंट-साइड करना चाहते हैं तो आप सीएसएस का उपयोग नहीं कर सकते हैं लेकिन आप इनपुट ऑब्जेक्ट को डेट ऑब्जेक्ट में लोड करके और उस ऑब्जेक्ट के विभिन्न तरीकों का उपयोग करके तारीख के घटकों को वापस करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं (getMonth() , getDate(), getFullYear(), आदि ...)। आप http://jsfiddle.net/G4XGP/ पर एक मूल उदाहरण देख सकते हैं।

Answer 2

इसके अलावा, आप भी इस्तेमाल कर सकते हैं:

<input type="date"> 

प्रारूप -> 2011-08-11