एचटीएमएल 5 इनपुट का फोकस महीना या वर्ष [टाइप = "डेट"]

Question

मैं एक पहेली दिखाता हूं कि जब आप तत्व पर ध्यान केंद्रित करते हैं तो क्या होता है, यह इनपुट के 'दिन' भाग पर ध्यान केंद्रित करता है, लेकिन मैं ' डीओएम कैसे प्रस्तुत करता है और तिथि के प्रत्येक भाग को पहचानता है इस पर कोई दस्तावेज नहीं मिलता है।

मैं input[type="date"] तत्व के महीने/वर्ष के हिस्सों को प्रोग्रामेटिक रूप से कैसे केंद्रित कर सकता हूं, और क्या इस प्रकार का तत्व डोम में कैसे प्रदान किया जाता है इस पर कोई दस्तावेज है?

https://jsfiddle.net/uytdhqax/

<input id="dob" type="date" /> 

document.getElementById('dob').focus() 

Answer 1

यह जहाँ तक मुझे पता है हूँ input[type=date] तत्व के किसी भी वर्तमान कार्यान्वयन में संभव नहीं है। इसके अलावा, विभिन्न ब्राउज़र विभिन्न तत्वों में इस तत्व को लागू करते हैं, इसलिए कोई स्टैंडअलोन कार्यान्वयन दस्तावेज नहीं है।

किसी को यह पूछना है कि आप इस व्यवहार का अनुकरण क्यों करना चाहते हैं। साल के मूल्य को बदलने से तत्व को एक मूल्य नहीं मिलेगा जब तक कि दिन और महीना भी सेट नहीं किया जाता है। क्रोम में, कम से कम, यदि आपके पास input[type=date] तत्व है तो आपको प्लेसहोल्डर टेक्स्ट dd/mm/yyyy युक्त तत्व दिखाई देगा। यदि आप मैन्युअल रूप से yyyy भाग का चयन करते हैं और इसे 2015 पर बदलते हैं, उदाहरण के लिए, इनपुट का टेक्स्ट अब dd/mm/2015 पढ़ेगा, लेकिन इसकी value"" (एक खाली स्ट्रिंग) होगी। जब तक आप दिन और महीने के हिस्सों को मैन्युअल रूप से संपादित नहीं कर रहे हैं, तब तक वर्ष पर ध्यान केंद्रित करने से उपयोगकर्ताओं को भ्रम के अलावा कुछ भी हासिल नहीं होगा।

Answer 2

संक्षिप्त उत्तर: यह समर्थित नहीं है।

आप चयन (फोकस)

var el = document.getElementById('dob'); 
var r = document.createRange(); 
el.setSelectionRange(r); 

का उपयोग कर स्थापित करने के लिए प्रयास करते हैं तो आपको त्रुटि मिल जाएगा:

DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('date') does not support selection.

इसके अलावा केवल documentation I found के बारे में तारीख इनपुट प्रकार कहते हैं "समर्थित नहीं है", तो मैं ऐसा लगता है कि ऐसा कोई दस्तावेज नहीं है। अब तक लगता है कि केवल क्रोम इस इनपुट प्रकार को लागू करता है।