2014-07-07 9 views
12

मैं अपने फार्म पर एक मानक <input /> नियंत्रण है, जब गाया type="date"एचटीएमएल 5 दिनांक इनपुट 6 अंकों साल

के साथ सजाया है, यह yyyy-mm-dd का सही वॉटरमार्क को प्रदर्शित करता है, और आप सही ढंग से एक तिथि का चयन कर सकते हैं।
हालांकि, जब आप एक मान का प्रयास करते हैं, तो वर्ष चार की बजाय 6 अंकों तक फैला हुआ है। मैंने जो मुद्दा उठाया है उसे प्रदर्शित करने में सहायता के लिए मैंने स्क्रीनशॉट जोड़े हैं।

क्या कोई और यह प्राप्त कर रहा है? मैं अपने डिफ़ॉल्ट ब्राउज़र के रूप में क्रोम (संस्करण 35.0.1916.153 मीटर) का उपयोग कर रहा हूं।
मुझे 4year इनपुट को मजबूर करने का एक तरीका चाहिए जिसमें अतिरिक्त जेएस शामिल नहीं है।

Date Control

Control Source

उत्तर

7

अधिकतम विशेषता काम कर रहा है, के रूप में तक मुझे पता है ...

अधिकतम के प्रारूप Trickey है, यदि आप सही प्रारूप सब कुछ डाल तरीके से कार्य करेंगे ....

उदाहरण के लिए यहाँ देखें:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_max_min_date

+1

उत्कृष्ट, धन्यवाद! –

+0

सही उत्तर के रूप में चुना गया है क्योंकि यह एक गैर-जेएस फिक्स है। – TheGeekZn

5

यह आप एक बड़ा साल टाइप करने देगा। यह एक टोपी के साथ डिजाइन नहीं किया गया था, इसलिए 99 99 से अधिक वर्षों की अनुमति देने के लिए। सुनिश्चित नहीं क्यों। (नोट, यहां तक ​​कि max विशेषता के साथ, यह इसे प्रतिबंधित नहीं करता है। [संपादित करें] .. यह उपयोगकर्ता को उस बड़ी संख्या में प्रवेश करने के बाद वास्तव में सबमिट करने की अनुमति नहीं दे सकता है।)

आपको जावास्क्रिप्ट का उपयोग करने की आवश्यकता होगी समाधान अगर आप इसे पूरी तरह से प्रतिबंधित करना चाहते हैं।

See this previous thread

+4

बेवकूफ, मुखौटा के रूप में एक 4 अंकों साल को दर्शाता है। तो यह सबके लिए हो रहा है? – TheGeekZn

+0

@ सेमीडिमेंट - हाँ कम से कम वेबकिट ब्राउज़र के लिए !! – xameeramir

0

थोड़ा पुराना है, लेकिन भावी पीढ़ी के लिए ...

max विशेषता का उपयोग इस समस्या को समाप्त करता है।

<input type="date" max="2999-12-31"> 

पेन: https://codepen.io/iHearRobots/pen/OQVzLZ

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