जन्म की तारीख दर्ज करने के लिए सबसे अच्छा यूआई क्या है? [बन्द है]

Question

जन्म चयनकर्ता की तारीख के लिए सबसे अच्छी विधि क्या है?

• 3 पाठ इनपुट (महीने / दिन / वर्ष) या एक मुखौटा इनपुट। उपयोगकर्ता जरूरी कीबोर्ड का उपयोग करें
• 3 बॉक्स चुनें। उपयोगकर्ता कीबोर्ड या माउस का उपयोग कर सकता है।
• एक अच्छा खजूर ।

मैं जानना चाहता हूं कि सबसे उपयोगी और समस्या मुक्त समाधान क्या है, इसलिए उपयोगकर्ता बिल्कुल भी भ्रमित नहीं होंगे।

Comments

यह jQuery दिनांक पिकर फ़ायरफ़ॉक्स में काम करने लगता है, लेकिन IE7 में नहीं।

— रिचर्ड ईव

शायद उनकी साइट में कोई समस्या है। डेटपिकर IE6 / 7/8, FF, ओपेरा और सफारी में ठीक काम करता है। शायद और अधिक :)

— Ionuț Staicu

month / day / yearस्पष्ट रूप से है अजीब ।

— टीआरआईजी

दुर्भाग्य से, मुझे स्कूल में महीने / दिन / वर्ष एक छोटे बच्चे के रूप में पढ़ाया जाता था। यह वैज्ञानिक रूप से कोई मतलब नहीं है।

— डंकन कलवर्ट

जीत के लिए आईएसओ 8601! year / month / day

— Qqwy

Answer 1

एक उन्नत उपयोगकर्ता पाठ इनपुट के लिए सबसे अच्छा है, अगर उपयोगकर्ता को दिनांक प्रारूप पता है, तो यह बहुत तेज़ है। इतने उन्नत उपयोगकर्ता के लिए मैं एक तारीख का उपयोग करने का सुझाव नहीं देता। चूँकि आमतौर पर आपके पास भी उन्नत और गैर-उन्नत उपयोगकर्ता होते हैं, जो मुझे पाठ इनपुट और डेटापिक के संयोजन का सुझाव देते हैं।

Comments

ज्यादातर डेटपिकर्स के साथ समस्या यह है कि यह 30/40 / या अधिक वर्षों तक वापस जाने के लिए दर्दनाक है।

— UnwwnTech

हालाँकि अब जब मैं उसकी ओर देखता हूँ तो मुझे लगता है कि मैं इसका बुरा नहीं मानता।

— UnwwnTech

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

— एलेक्स Czarto

jQuery की तारीख में महीने और साल के लिए विकल्प ड्रॉपडाउन मेनू दिखाने का विकल्प है , जिससे जन्मतिथि का चयन बहुत तेजी से होता है।

— कार्ल जी।

IOS उपकरणों पर संख्यात्मक कीबोर्ड को बाध्य करने के लिए HTML5 रेगेक्स के साथ एक नकाबपोश टेक्स्ट इनपुट का एक उदाहरण है: cde.boaterexam.com/washington/register

— Alex Czarto

Answer 2

यदि आपका लक्ष्य यह सुनिश्चित करना है कि "उपयोगकर्ता बिल्कुल भी भ्रमित नहीं होगा," मुझे लगता है कि यह सबसे अच्छा विकल्प है।

मैं जन्मतिथि के लिए तारीख की सिफारिश नहीं करूंगा । पहले आपको वर्ष के लिए ब्राउज़ करना होगा (क्लिक करें, क्लिक करें, क्लिक करें ...), फिर महीने तक (कुछ और क्लिक करें), और फिर ग्रिड पर छोटे नंबर को ढूंढें और क्लिक करें।

जब आप अपने सिर के शीर्ष से सटीक तारीख नहीं जानते हैं, तो तिथि-निर्धारण उपयोगी होते हैं, जैसे कि आप फरवरी के दूसरे सप्ताह के लिए यात्रा की योजना बना रहे हैं।

Comments

Upvoted: यह बिल्कुल वही उत्तर है जो मैं देने जा रहा था। डेटपिकर 'आई नो इट इज ए फ्राइडे फ्राइडे' जैसी स्थितियों के लिए अच्छा है, लेकिन जन्म की तारीख के लिए इसका कोई मूल्य नहीं है।

— स्लिम

डाउनवोटेड: ड्रॉप-डाउन उपयोगकर्ता के लिए विशेष रूप से इस तरह के डेटा के लिए बहुत कष्टप्रद हैं। नीलसन देखें: useit.com/alertbox/20001112.html

— मौरिसियो शेफ़र

@ कारण यह है कि मैंने अपना जवाब "यदि आपका लक्ष्य यह सुनिश्चित करने के लिए है कि उपयोगकर्ता बिल्कुल भी भ्रमित नहीं होगा" के साथ "FTA:" ड्रॉप-डाउन मेनू में उनके फायदे हैं ... क्योंकि वे एक मानक विजेट हैं ( भले ही कोई अप्रिय हो), उपयोगकर्ताओं को पता है कि जब वे मुठभेड़ करते हैं तो ड्रॉप-डाउन मेनू से कैसे निपटना है। "

— पैट्रिक मैक्लेनी

@patrick, आप सही कह रहे हैं, ड्रॉपडाउन बहुत मानक हैं, लेकिन एक साधारण टेक्स्टबॉक्स अधिक प्राकृतिक IMHO है क्योंकि यह एक पेपर फॉर्म जैसा दिखेगा उतना करीब है। मेरा कहना यह है कि लोगों को "10/9/1975" गहराई से उनके दिमाग में सभी पुनरावृत्तियों से कड़ी मेहनत करनी पड़ती है, इसलिए उन्हें बस लिखने दें।

— मौरिसियो शेफ़र

तो, क्या आप 9 अक्टूबर या 10 सितंबर को पैदा हुए थे? मैं एक साधारण पाठ बॉक्स के साथ उस अस्पष्टता को हल करने का तरीका नहीं बताता।

— पैट्रिक मैकलेनै

Answer 3

जबकि यह एक बहुत पुराना सवाल है, यह सही है कि जन्म तिथि सही हो, विशेषकर पंजीकरण फॉर्म में।

मुझे लगता है कि किसी ने भी Google खातों को साइन अप करने से बेहतर नहीं किया है:

महीने को पहले एक चुनिंदा बॉक्स से चुनें और मैन्युअल रूप से तारीख और वर्ष में टाइप करें। सरल।

मान्य करना आसान है। उपयोगकर्ताओं के लिए सही पाने के लिए आसान। 1900-वर्तमान वर्ष से किसी बॉक्स में वर्षों तक कोई स्क्रॉल नहीं किया गया। महीने के इनपुट के आधार पर 'दिन' का चयन करने की आवश्यकता नहीं है। वेब पर बढ़िया काम करता है। मोबाइल पर बढ़िया काम करता है। सभी स्थानों के लिए काम करता है जैसे 01/10/2014 - यह 1 अक्टूबर या 10 जनवरी है? मुझे उम्मीद है कि हम भविष्य में इस जन्मदिन पिकर प्रारूप को और अधिक देख पाएंगे।

एक डेटपिकर सभी दौर में एक खराब समाधान है। इतने सारे क्लिक! मेरी राय में, एक डेटपिकर केवल तभी उपयोगी होता है जब सप्ताह का दिन जानना महत्वपूर्ण होता है जैसे टिकट बुक करना।

अद्यतन 2/6/2016: मैं यूके से हूं, इसलिए मैं महीने / दिन / वर्ष के बजाय दिन / महीने / वर्ष के प्रारूप से अधिक परिचित हूं। हालाँकि, जो उपयोगकर्ता महीने का चयन करने के लिए अपने कर्सर का उपयोग करेंगे, मेरा मानना ​​है कि इनपुट> सेलेक्ट बॉक्स> इनपुट पर जाने के बजाय पहले से चयनित बॉक्स का होना बहुत आसान है। टिप्पणी की तारीख 2 जून है, न कि 6 फरवरी;)

Comments

यह शीर्ष उत्तर क्यों नहीं है!

— स्नोमैन

एक बात जो मैं इसमें जोड़ना चाहूंगा, वह यह है कि उपयोगकर्ता को किसी महीने का संख्यात्मक मान टाइप करने की अनुमति दी जाए, जब वह ड्रॉपडाउन चुना जाए। यही कारण है कि अधिकांश उपयोगकर्ताओं को एक महीने के लिए टाइप करने के लिए उपयोग किया जाता है, इसलिए अभी भी कीबोर्ड उपयोगकर्ताओं के लिए "बस काम" होगा।

— एलिजर

वास्तव में, मैं जितना अधिक सोचता हूं, मुझे वास्तव में महीने में गिरावट का फायदा होने का कोई फायदा नहीं दिखता है। क्यों न इसे केवल एक पाठ क्षेत्र बनाया जाए?

— एलिजर

महीने और दिन को भ्रमित करने से बचने के लिए, ज्यादातर।

— मकीज पगड़ी

हालांकि अमेरिका के बाहर हम में से आम तौर पर माह से पहले का दिन होता है।

— jezmck

Answer 4

जैसा कि इस जैकब नीलसन लेख में उल्लेख किया गया है , ड्रॉप डाउन सूचियों को उस डेटा से बचा जाना चाहिए जो उपयोगकर्ता को अच्छी तरह से पता है :

उपयोगकर्ताओं को उनके जन्म के महीने और वर्ष जैसे डेटा के बारे में अच्छी तरह से पता है। इस तरह की जानकारी अक्सर उपयोगकर्ताओं की उंगलियों में कठोर होती है, और एक मेनू से ऐसे विकल्पों का चयन करने से जानकारी दर्ज करने के लिए मानक प्रतिमान टूट जाता है और यहां तक ​​कि उपयोगकर्ताओं के लिए अधिक काम भी बन सकता है।

आदर्श समाधान कुछ इस प्रकार है:

• दिन, महीने और वर्ष के लिए 3 अलग-अलग पाठ बॉक्स प्रदान करें (उचित रूप से लेबल किए गए)
• उपयोगकर्ता की संस्कृति के अनुसार टेक्स्ट बॉक्स को क्रमबद्ध करें।
• दिन और महीने के टेक्स्ट बॉक्स का आकार इतना होना चाहिए कि 2 अंकों का इनपुट मान लिया जाए।
• वर्ष के पाठ बॉक्स का आकार इतना होना चाहिए कि 4 अंक का वर्ष मान लिया जाए।
• उपयोगकर्ता को 2 या 4 अंक वाले वर्ष में प्रवेश करने दें। मान लें कि 2 अंकों का वर्ष 1900 है, और इस onBlur (या निम्नलिखित पुष्टि चरण पर) को प्रतिबिंबित करने के लिए टेक्स्टबॉक्स को अपडेट करें।
• उपयोगकर्ता को एक महीने की संख्या या महीने के नाम में प्रवेश करने की अनुमति दें।

---

संपादित करें: यहां बताया गया है कि हमने अपने डीओबी पिकर को कैसे लागू किया है: आईओएस उपकरणों पर संख्यात्मक कीबोर्ड को बाध्य करने के लिए एचटीएमएल 5 रेगेक्स के साथ मुखौटा इनपुट इनपुट फ़ील्ड।

http://www.huntercourse.com/usa/texas/

Comments

केवल एक चीज जिसे मैं आपके डीओबी पिकर पर संशोधित करूंगा, वह संकेत के बजाय प्लेसहोल्डर टेक्स्ट के रूप में "एमएम" "डीडी" "YYYY" डालना है।

— पॉल पेटेंगेंग

@Paul प्लेसहोल्डर टेक्स्ट का उपयोग करने की अपनी प्रयोज्य चुनौतियाँ हैं। हालांकि हम शुरू में किया था : यह है, हम पढ़ने के बाद यह इसे हटाने के लिए तय nngroup.com/articles/form-design-placeholders

— एलेक्स Czarto

@AlexCzarto अच्छा पिकर! (लेकिन बस इतना पता है, अगर आप 02/31/1970 की तरह कुछ दर्ज करते हैं, तो यह आपको गलत त्रुटि संदेश देगा)

— थियागो डुआर्टे

यदि आपका जन्म 5 जून 2001 को हुआ था, तो मैं अपना DOB "050601" लिखूंगा, जिसे आपका सुझाव 6 मई 1901 तक व्याख्या करेगा। यदि आपके पास टेक्स्ट बॉक्स हैं, तो आप MMDD तिथि आदेश को प्राप्त करने के लिए उपयोगकर्ता पर भरोसा कर सकते हैं और उन्हें दर्ज कर सकते हैं उचित रूप से जानकारी, यदि आप महीने के लिए ड्रॉपडाउन प्रदान करते हैं, तो उपयोगकर्ता महीने के ऑर्डर प्लेसमेंट से बाहर नोटिस करने के लिए मजबूर होगा।

— 11

यदि आप महीने के टेक्स्ट बॉक्स को 2 अंकों का आकार देते हैं, तो आप उपयोगकर्ता को एक महीने की संख्या या महीने के नाम में प्रवेश करने की अनुमति कैसे देते हैं?

— जिन वांग

Answer 5

जन्मतिथि अन्य तिथियों से भिन्न होती है क्योंकि लोग अक्सर अपनी विशिष्ट जन्मतिथि टाइप करने के आदी होते हैं।
एक उदाहरण के साथ एक टेक्स्ट बॉक्स स्पष्ट, त्वरित और आसान है:

 _______
|_______| (example: 31/3/1970)

यह लचीला स्वरूपण जैसे 1/1/1970 या 20/07/70 का समर्थन करना चाहिए।

यदि आपको अलग-अलग संस्कृतियों को अलग-अलग तिथि सम्मेलनों (जैसे यूएस और यूके) के साथ समर्थन करना है, तो यह उन लोगों के लिए त्रुटि-प्रवण हो सकता है, जिन्होंने इस उदाहरण का समर्थन नहीं किया है। इससे बचने के लिए आप
महीने, और तिथि और वर्ष के लिए टेक्स्ट बॉक्स का चयन कर सकते हैं ।

 _________   __   ____
|March  |V| |__| |____|

यह दिन और महीने के आदेश के बीच अस्पष्टता को दूर करता है, लेकिन उपयोग करने के लिए थोड़ा क्लिंकर है।

Answer 6

आप खजूर पर एक नज़र रखना चाहिए ।

डेटज एक ओपन-सोर्स जावास्क्रिप्ट डेट लाइब्रेरी है।

व्यापक, अभी तक सरल, गुढ़ और तेज। डेटज ने सभी परीक्षणों को पारित कर दिया है और हड़ताल करने के लिए तैयार हैं। Datejs केवल तार को पार नहीं करता है, यह उन्हें दो में सफाई से काट देता है।

Comments

प्लगइन बहुत अच्छा लग रहा है, लेकिन एक साधारण समस्या के लिए 25KB थोड़ा अधिक लगता है ...

— नोएल अब्राहम

नोएल से असहमत। तिथियां सबसे जटिल चीज़ हैं जो प्रोग्रामर आमतौर पर टाइमज़ोन और संस्कृतियों (जो कि डेटज के लिए डिज़ाइन की गई हैं) में चलती हैं।

— रुस्तवोर

@ गितिनजा - यह थोड़ा स्ट्रोमैन है। उसने यह नहीं कहा कि यह एक तारीख के लिए बहुत अधिक है (जो कि बेहद जटिल है) लेकिन "साधारण समस्या" के लिए, मैं "जन्मतिथि" समस्या मानती हूं। चूंकि जावास्क्रिप्ट पुस्तकालयों और तरीकों की एक बड़ी मात्रा है जो 25KB के बिना एक समाधान प्राप्त किया जा सकता है, मैं सहमत हूं।

— केरी जोन्स

यदि मेरे फॉर्म में 25kb जोड़ने का मतलब है कि मुझे ड्रॉपडाउन मेनू का उपयोग नहीं करना है, तो ऐसा ही हो

— ladieu

Answer 7

मैं डिजाइनिंग के बजाय समाधान के प्रस्ताव से परेशान हूं। ओपी ने कहा, "मैं जानना चाहता हूं कि सबसे उपयोगी और समस्या मुक्त समाधान क्या है, इसलिए उपयोगकर्ता बिल्कुल भी भ्रमित नहीं होंगे।" तो चाहे वह jQuery हो या JavaScript या C # या FORTRAN, डिजाइन महत्वपूर्ण है - और यह UX डिज़ाइन है, न कि UI डिज़ाइन जो यहां मायने रखता है। (गलत और अतार्किक निर्माण "UX / UI" से बचने के लिए एक और दलील)।

टेक्स्ट इनपुट का उपयोग करें। दिन, महीना और वर्ष (या महीना, दिन और वर्ष) लेबल वाले तीन अलग-अलग बॉक्स का उपयोग करें। उपयोगकर्ताओं को दिनांक लिखें। एक ही इंटरैक्शन में टेक्स्ट और लिस्ट को मिक्स करना एक बैड थिंग है (उदाहरण के लिए, महीने और दिन के लिए डेट पिकर या लिस्ट का उपयोग न करें)।

एक एकल पाठ फ़ील्ड का उपयोग करें जो इन-फ़ील्ड प्रारूप संकेत का उपयोग करता है, उदाहरण के लिए, [दिन / महीना / वर्ष] बहुत कठोर रूप से स्वरूपों की आवश्यकता नहीं है। यदि कोई उपयोगकर्ता उस स्थान पर JUN टाइप करता है जहाँ आप एक महीने की उम्मीद करते हैं, तो जून का उपयोग बैक एंड पर करें। यदि कोई उपयोगकर्ता उस स्थान पर 6 टाइप करता है जहाँ आप एक महीने की अपेक्षा करते हैं, तो जून का उपयोग बैक एंड पर करें। यदि कोई उपयोगकर्ता उस स्थान पर 06 टाइप करता है जहाँ आप एक महीने की अपेक्षा करते हैं, तो जून का उपयोग बैक एंड पर करें।

एक गाइड के रूप में ओक्टम के रेजर का उपयोग करें (प्रभाव में, अधिकांश समय डेटा पर्याप्त सटीक होगा)। संज्ञानात्मक घर्षण को कम करें (उपयोगकर्ताओं को मत सोचो)।

Comments

मोबाइल पर तीन अलग-अलग टेक्स्ट बॉक्स का उपयोग करने का मतलब है कि मुझे दिखाने के लिए संख्यात्मक कीपैड के लिए प्रत्येक पर क्लिक करना होगा। आपका बाकी विचार अच्छा है - यह सब टेक्स्ट बॉक्स होना चाहिए।

— PKHunter

Answer 8

मैं DatePicker और क्षेत्रों के संयोजन की भी सिफारिश करूंगा

इस डेमो को देखें , जहां दिनांक पिकर उपयोगकर्ता द्वारा फ़ील्ड में दर्ज की गई तारीख को दर्शाता है।
यह हालांकि डेटोटाइप पर आधारित है जिसमें प्रोटोटाइप और स्क्रिप्टैकुलस का उपयोग किया गया है । मैं इसे चित्रण प्रयोजन के लिए उल्लेख करता हूं।

Answer 9

मैंने अपने उपयोगकर्ता के साथ डेटपिकर की कोशिश की थी लेकिन यह उनके लिए खराब यूआई निकला। मैं उनके अनुरोध के आधार पर 3 टेक्स्टबॉक्स रखता हूं, जहां वे जल्दी से [दिन] [महीना] [वर्ष] टाइप कर सकते हैं :(

Answer 10

दोनों को रखो और प्रत्येक को एक दूसरे को अपडेट करें। अगर उपयोगकर्ता डेटपिकर से तारीख चुनता है, तो टेक्स्ट फ़ील्ड में एक छोटे से मिसकॉल को ठीक करना आसान है या आपके द्वारा डेटपेकर में टेक्स्ट फ़ील्ड में टाइप किए गए विकल्प की कल्पना करना।

Comments

मैं दोनों को नहीं रख सकता, डिजाइन में फिट नहीं होगा :) मुझे उनमें से केवल एक की आवश्यकता है।

— इओनु I स्टैसिकु

चूँकि खजूर को जावास्क्रिप्ट की आवश्यकता होती है, केवल जरूरत पड़ने पर इसे दिखाने के लिए जावास्क्रिप्ट का उपयोग करें। स्थिति को निरपेक्ष पर सेट करें ताकि यह अन्य सभी तत्वों पर तैर सके।

— कुछ

आम तौर पर आप सिर्फ टेक्स्ट फील्ड डालते हैं और उसके बगल में स्थित आइकॉन को जोड़ते हैं जो डेटापिक को पॉप अप करता है।

— 16

Answer 11

आप तीनों का परीक्षण क्यों नहीं करते हैं और जो सबसे अच्छा प्रदर्शन करता है उसे उठाते हैं? यह परीक्षण करने के लिए Google वेबसाइट ऑप्टिमाइज़र के लिए एक अच्छे उम्मीदवार की तरह लगता है ।

यह हो सकता है कि आपके पास उपयोगकर्ताओं के प्रकार, या आपके द्वारा चलाए जा रहे साइट के प्रकार यह निर्धारित कर सकते हैं कि आपका समाधान "आदर्श" से अलग होना चाहिए।

Answer 12

मैं आम तौर पर दोनों का उपयोग करता हूं - एक डेटपिकर जो एक टेक्स्टफील्ड को सही प्रारूप में पॉप्युलेट करता है। उन्नत उपयोगकर्ता सीधे टेक्स्टफील्ड को संपादित कर सकते हैं, माउस-खुश उपयोगकर्ता डेटपिकर का उपयोग कर सकते हैं।

यदि आप अंतरिक्ष के बारे में चिंतित हैं, तो मेरे पास आम तौर पर इसके बगल में एक छोटा सा कैलेंडर आइकन वाला टेक्स्ट फ़ील्ड है। यदि आप कैलेंडर आइकन पर क्लिक करते हैं तो यह पॉपअप के रूप में डेटकपर लाता है।

इसके अलावा, मुझे टेक्स्टफील्ड को सही फॉर्मेट (यानी: "डीडी / एमएम / वाईवाईवाईवाई") से पाठ के साथ पूर्व-आबाद करने के लिए अच्छा अभ्यास लगता है। जब उपयोगकर्ता टेक्स्टफ़ील्ड पर ध्यान केंद्रित करता है तो पाठ गायब हो जाता है ताकि वे अपने आप में प्रवेश कर सकें।

Answer 13

के रूप में शायद यहाँ पुराने लोगों में से एक है, और महीने के अंत में पैदा हुआ, मैं निराशा के लिए जन्मतिथियों के लिए ड्रॉप-डाउन मेनू ढूंढता हूं। मुझे आमतौर पर दो ड्रॉप-डाउन मेनू पर स्क्रॉल करना पड़ता है, और यह अजीब है। मैं बहुत अधिक यह टाइप करना चाहते हैं।

यदि आपके पास एक नियंत्रण डिज़ाइन किया जा सकता है ताकि वह ड्रॉप-डाउन मेनू को स्वीकार कर सके या उसमें टाइप किया जा सके, और यह स्पष्ट कर सके कि दोनों काम, यह उत्कृष्ट होगा।

Comments

यह वास्तव में एक मुद्दा नहीं है क्योंकि अधिकांश ब्राउज़र, जब ड्रॉपडाउन विजेट को फोकस किया जाता है, तो टाइप करने के लिए सही मूल्य पर जल्दी से पाने के लिए समर्थन

— thepeer

@ व्यापारी: लेकिन वे इसे पसंद नहीं करते। जॉन नॉर्मन ("डिज़ाइन ऑफ़ एवरीडे थिंग्स") टाइपिंग के लिए एक खर्च नहीं है।

— डेविड थॉर्नले

Answer 14

डेटपिकर का उपयोग करना है या नहीं, मुझे लगता है कि यह निर्भर करता है कि तारीखें कितनी समय पहले हैं। यदि वे आम तौर पर चालू माह में होते हैं, और लगभग कभी भी कुछ महीनों से अधिक पुराने नहीं होते हैं, और आप जानते हैं कि जावास्क्रिप्ट चारों ओर होगा, तो एक तारीख अच्छी है। यदि तिथियां हाल ही में नहीं हैं (कहते हैं, एक जन्मतिथि) मुझे लगता है कि यह सबसे अच्छा विकल्प है:

http://img411.imageshack.us/img411/6328/mockupg.png

ध्यान दें कि यह पैट्रिक मैकलेनै के उत्तर से अलग है कि वर्ष एक पाठ बॉक्स है, न कि ड्रॉपडाउन । एक ड्रॉप डाउन बॉक्स से एक संख्या का चयन करना जो सैकड़ों तत्वों का लंबा होना उपयोगकर्ता के लिए बहुत कष्टप्रद है।

Comments

दिन को ड्रॉप डाउन बॉक्स होने की कोई आवश्यकता नहीं है। 1 - 31 के बीच एक संख्या दर्ज करना और मान्य करना तुच्छ है।

— एलेक्स Czarto

Answer 15

मुझे लगता है कि एक तारीख लेने वाला सिर्फ एक जन्म की तारीख दर्ज करने के लिए कदम को और अधिक जटिल बनाता है।

जैसा कि पहले ही उल्लेख किया गया है, वर्ष के लिए पाठ बॉक्स के साथ दिनों और महीनों के लिए ड्रॉप सूचियों का एक संयोजन उपयोगकर्ता के लिए सबसे अधिक कुशल लगता है। इस तरह से जन्मतिथि दर्ज करने में केवल 10 सेकंड से भी कम समय लगता है, जो डेट पिकर की तुलना में जल्दी होता है: टैब कुंजी के लिए धन्यवाद (जो सभी उपयोगकर्ताओं को एक फॉर्म को पूरा करने के लिए उपयोग करना सीखना चाहिए), यह एक फॉर्म से जाने के लिए तेज़ है अगले एक को तत्व।

कम से कम मैकिंटोश (मैं विंडोज के बारे में नहीं जानता) के तहत, आप कीबोर्ड का उपयोग चुनिंदा बॉक्स के अंदर करने की तारीख के लिए भी कर सकते हैं: टैब कुंजी के लिए धन्यवाद, आपको फॉर्म एलिमेंट पर फोकस मिलता है, फिर ड्रॉप डाउन करने के लिए एरो की दबाएं। सूची, तो 1967 उदाहरण के लिए टाइप करें और आप एक आँख की झपकी में वहाँ ...

Answer 16

मैं एक अंतरराष्ट्रीय साइट के लिए डेटापीचर (और फॉल्स-बैक के रूप में प्रलेखित प्रारूप वाला इनपुट बॉक्स) पसंद करूंगा।

दिनांक प्रारूप भिन्न होते हैं और कभी-कभी पढ़ने में कठिन होते हैं यदि आप अब उनके लिए उपयोग किए जाते हैं। बहुत खराब कई लोग आईएसओ 8601 के साथ सहज नहीं हैं। :-(

Answer 17

मैं प्रत्येक क्षेत्र के लिए एक ड्रॉप डाउन मेनू का उपयोग करने का सुझाव दूंगा, जो दिन, महीने और वर्ष के रूप में प्रत्येक को लेबल करना सुनिश्चित करेगा। एक तारीख पिकर भी मदद कर सकता है, लेकिन यदि उपयोगकर्ता के पास जावास्क्रिप्ट सक्षम नहीं है, तो यह काम नहीं करेगा।

Comments

क्योंकि जावास्क्रिप्ट से भरा एक साइट है, जेएस के बिना काम करने के लिए कोई भी मौका नहीं है। तो इस तरह की चिंता अब बेकार है :)

— Ionua Staicu

क्या होगा यदि एक दृष्टिहीन उपयोगकर्ता आपकी वेबसाइट का उपयोग करना चाहता है?

— फिलिप मोर्टन

यदि आप महीनों और चार अंकों के वर्षों के नामों का उपयोग करते हैं, तो यह स्व-लेबलिंग होगा, क्योंकि मूल्यों के सेट के बीच कोई ओवरलैप नहीं होगा।

— डेव शेरोहमान

डाउनवोटेड: ड्रॉप-डाउन उपयोगकर्ता के लिए विशेष रूप से इस तरह के डेटा के लिए बहुत कष्टप्रद हैं। नीलसन देखें: useit.com/alertbox/20001112.html

— मौरिसियो शेफ़र

Answer 18

मैं एक DatePicker ले जाएगा। यह एकमात्र घटक है जो विशेषज्ञ उपयोगकर्ताओं को इसे मैन्युअल रूप से दर्ज करने की अनुमति देता है और नौसिखियों को बहुत आसान तारीख दर्ज करने के लिए मार्गदर्शन करता है।

यदि आप टैब दबाकर प्रवेश करते हैं, लेकिन एक बटन पर क्लिक करने पर कैलेंडर पॉप नहीं होना चाहिए। इसलिए कोई भी विशेषज्ञ उपयोगकर्ता इससे नाराज नहीं है।

Answer 19

आप jQuery UI DatePicker का उपयोग कौन नहीं करते हैं?

यह बहुत किसी भी आवश्यकताओं के अनुरूप करने के लिए विन्यास है। केवल नकारात्मक पक्ष यह है कि अगर आप इसे jQuery UI के साथ शामिल कर रहे हैं तो इसमें कुछ बड़े पदचिह्न हैं।

अपडेट करें

कुछ फ़ाइल आकार बदल गए हैं, इसलिए वे नीचे अपडेट किए गए हैं। ध्यान रखें कि ये संख्या केवल उस समय के लिए सही होगी जब वे अंतिम अपडेट किए गए थे। तब से हालात बदल गए होंगे।

• सीएसएस विषय - 23kb
• jQuery UI - 71kb कीमा बनाया हुआ
• DatePicker - 38kb
• इसके अलावा छवियों के एक जोड़े (अगले महीने / पिछले महीने, जो मुझे पूरा यकीन है कि अंकुरित हैं)

लेकिन यह बहुत बुरा नहीं है ...

Comments

चिंता मत करो, आप बहुत ज्यादा सीएसएस काट सकते हैं। मैं केवल यह जानना चाहता था कि सबसे अच्छा तरीका क्या है?)

— आयनो स्टाकि

68k .... जो कि गलत है, जैसा कि 28k css थीम है ...

— redsquare

@redsquare चीजें शायद तब से बदल गई हैं जब मैंने इसे पोस्ट किया है। मेरे उत्तर को संपादित करने के लिए स्वतंत्र महसूस करें। मुझे भी बताने के लिए धन्यवाद।

— एलेक्स

डेटपिकर के लिए केवल कुल कस्टम यूआई जेएस 38 k है, गज़िप के साथ यह तब काफी छोटा है

— 7:27

मैं अत्यधिक जन्म की तारीखों के लिए jQuery के डेटपिकर से बचने की सलाह देता हूं। मैंने इसका उपयोग करने का प्रयास किया है, हमारे पास ग्राहकों से कई शिकायतें थीं। पहले तो एक-दो साल से ज्यादा पीछे जाना भी मुश्किल था। (30 साल के लिए डिफ़ॉल्ट सेटिंग्स के साथ 360 क्लिक की आवश्यकता होती है)। यदि आप वर्ष का चयन जोड़ते हैं, तो बहुत सारे उपयोगकर्ता केवल उस दिन को पहले क्लिक करेंगे, जो वर्ष चुनने के लिए मजबूर किए बिना दिनांक पिकर को छुपाता है। और फिर उपयोगकर्ता वापस चला जाएगा और केवल वर्ष बदल जाएगा, तारीख पर क्लिक न करें, जो वर्ष परिवर्तन को पंजीकृत नहीं करेगा। भयानक अनुभव।

— आंद्रेई

Answer 20

JQueryUI डेटाइम पिकर सबसे अच्छा विकल्प है क्योंकि यह प्रो उपयोगकर्ताओं को टेक्स्टबॉक्स में अपना मूल्य दर्ज करने की अनुमति देता है या वे इसे पिकर से चुन सकते हैं।

जन्मदिन या भविष्य की तारीखों में आसानी से प्रवेश करने की अनुमति देने के लिए पिकर सेट करना बहुत आसान है:

$ ( '# Datepicker')। Datepicker ({
    बदलाव: सच,
    बदलाव: सच,
    वर्षगांठ: '-100: +50'
});

यह कुछ इस तरह दिखाता है (जब मैं नया उपयोगकर्ता हूं तो एक तस्वीर पोस्ट न करें: http://klalex.com/wp-content/uploads/2009/07/picture-1.png )

और वर्षगांठ DateTime.Now.Year - 100 से DateTime.Now.Year + 50 से दिनांक दिखाता है

इस पर पाया: http://klalex.com/2009/07/jquery-ui-datepicker-for-birth-date-input/

Answer 21

मैंने अभी JSFiddle पर एक प्लगइन खोजा है। दो संभावित विकल्प: 1 एकल इनपुट या 3 इनपुट, लेकिन एक एकल की तरह दिखता है ... (अगले इनपुट पर जाने के लिए टैब कुंजी का उपयोग करें)

[लिंक] http://jsfiddle.net/davidelrizzo/c8ASE/ यह दिलचस्प लगता है!

Comments

यहाँ लिंक है: jsfiddle.net/davidelrizzo/c8ASE

— लॉरेंट बी

Answer 22

मुझे लगता है कि आप प्लगइन जन्मदिन की कोशिश कर सकते हैं ,

Answer 23

आप प्लगइन cxcalendar का उपयोग कर सकते हैं । यह अन्य खजूर की तरह दिखता है। लेकिन आप वर्ष-माह के शीर्षक पर क्लिक करने के बाद वर्ष और महीने चुन सकते हैं।

Comments

यह ऊपर चर्चा की जा रही सभी UX चुनौतियां हैं।

— PKHunter

Answer 24

मैंने जन्म तिथि के लिए तीन ड्रॉपडाउन बनाए और दिन और महीने के चयन के आधार पर दिनों की संख्या में परिवर्तन हुआ। http://jsfiddle.net/ravitejagunda/FH4VB/10/

daysInMonth = new Date(year,month,1,-1).getDate();