बेंचमार्किंग जावास्क्रिप्ट कैलेंडर

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

यह "माउस इनपुट" के लिए एक और अधिक सुविधाजनक विकल्प की तलाश करने का निर्णय लिया गया (किसी ने कीबोर्ड से तारीख को रद्द नहीं किया)। एक दर्जन से अधिक विभिन्न कैलेंडर के माध्यम से जाने के बाद, वे सशर्त रूप से उन्हें 3 मुख्य प्रकारों में विभाजित करते हैं (इस प्रकार के प्रतिनिधियों में से एक कोष्ठक में इंगित किया गया है)।

1. वर्ष और महीने का चयन तीरों द्वारा किया जाता है (आवृत्ति-डिकोडर से तारीख)।
2. तीर और ड्रॉप-डाउन सूची (राजशाही jsCalendar) के साथ वर्ष और महीने की पसंद।
3. मानक चयन (jQuery UI Datepicker) से वर्ष और महीने की पसंद।

अभी भी ऐसे विकल्प हैं जिनमें कीबोर्ड का उपयोग करके वर्ष दर्ज किया गया है, लेकिन फिर, मेरी राय में, कीबोर्ड का उपयोग करके पूरी तारीख दर्ज करना पहले से ही आसान है।

विंडोज विस्टा / 7 स्टाइल कैलेंडर

और फिर मुझे विंडोज विस्टा / 7 से एक कैलेंडर याद आया, इस शैली में केवल कुछ तैयार कैलेंडर थे। लेकिन दोनों में एक खामी थी, उन्हें नहीं पता था कि दशकों को कैसे दिखाना है। खेल हित के लिए, मैंने "सीटी" कैलेंडर का अपना संस्करण बनाने का फैसला किया, जो दशकों को प्रदर्शित करने में सक्षम होगा। यहाँ क्या यह आया है।



इस दृष्टिकोण का मुख्य लाभ यह है कि इस तरह से एक तारीख दर्ज करने के लिए आपको केवल 4 क्लिकों की आवश्यकता है, भले ही तारीख (पिछली शताब्दी के भीतर)। इसके अलावा, साइड बोनस किसी भी स्तर पर प्रवेश करने और बाहर निकलने की क्षमता के लिए निकला, अर्थात। आप तुरंत वर्तमान माह (जहाँ वर्तमान तिथियों की आवश्यकता है) दिखा सकते हैं, आप वर्ष दिखा सकते हैं और, महीने का चयन करने के बाद, बाहर निकलें (क्रेडिट कार्ड के लिए), या आप केवल वर्ष (कार के निर्माण का वर्ष) कर सकते हैं।

विंडोज विस्टा / 7 में, कैलेंडर थोड़ा अलग दिखता है, दशकों को श्रेणियों में प्रदर्शित किया जाता है, जैसे कि 1980-1989, पहले बनाया गया। लेकिन परीक्षणों के बाद मैंने इस विचार को छोड़ने का फैसला किया। चूँकि एक ही क्षेत्र में संख्याओं की दोहरी संख्या के कारण चुनाव करना अधिक कठिन हो जाता है, साथ ही अधिकांश लोग, प्रोग्रामर नहीं, एक से शुरू होने वाली मतगणना के लिए उपयोग किए जाते हैं, और रेंज उनके लिए अधिक सामान्य होती हैं, जैसे 1981-1990, क्योंकि क्या लोग शून्य से कम सीमा में शामिल होने के लिए थोड़ा सुस्त होने लगे थे। नतीजतन, मैंने अंत में पत्र "एक्स" के साथ वर्ष प्रदर्शित करने का फैसला किया, इसलिए यह अधिक सुविधाजनक लग रहा था, मस्तिष्क पहले से ही लगभग विशुद्ध रूप से नेत्रहीन रूप से संयोग के लिए पहले तीन अंकों की तुलना कर रहा है, बजाय सीमा में एक संख्या प्राप्त करने के बारे में सोचने के।

प्रयोज्य कैलेंडर तुलना

कार्यान्वयन के बाद, मैं इनपुट गति के अंतर के बारे में उत्सुक हो गया। एक परीक्षण पृष्ठ बनाया जो विभिन्न कैलेंडरों का उपयोग करके तिथियों को दर्ज करने में लगने वाले समय को मापता है। तुलना के लिए, मैंने दो संस्करणों (चरण 1 और 2 के साथ वर्ष) में डायनार्क jsCalendar को चुना, jQuery UI डेटपिकर और विस्टा शैली में कैलेंडर के मेरे संस्करण को zDater कहा जाता है।

प्रयोगों को मित्रों के साथ-साथ माता-पिता (उपयोगकर्ताओं के लिए जो कंप्यूटर के साथ बहुत अनुकूल नहीं हैं) पर आयोजित किए गए थे।

मुख्य रूप से सबसे धीमा विकल्प Dynarch jsCalendar था, तारीख दर्ज करने के लिए 11-15 सेकंड लगते हैं, jQuery UI डेटपिकर दूसरे स्थान पर है - समय 6-10 सेकंड तक कम हो गया था। स्वाभाविक रूप से, पुरानी तारीख, प्रवेश करने में अधिक समय।

ठीक है, ध्यान देने योग्य लाभ के साथ पहली जगह में (विशेषकर जब पुन: उपयोग किया जाता है, जब आप पहले से ही ऑपरेशन के सिद्धांत को जानते हैं) zDater - 4-5 सेकंड, और छोटे वर्कआउट के बाद आप 2 सेकंड में फिट हो सकते हैं। माता-पिता, निश्चित रूप से, खराब परिणाम हैं, zDater ने प्रतियोगियों को और भी अधिक मारना शुरू कर दिया, संभवतः इस तथ्य के कारण कि वर्षों की कोई बड़ी सूची नहीं है जिसमें अप्रस्तुत उपयोगकर्ताओं को नेविगेट करने में अधिक मुश्किल है।

परीक्षण पृष्ठ जहाँ आप विभिन्न विकल्पों का परीक्षण स्वयं कर सकते हैं।



यहां एक व्यक्ति के लिए एक उदाहरण है जो कंप्यूटर के साथ अच्छे दोस्त हैं, दूसरी पास (समीक्षा के लिए पहली) के बाद।

युपीडी। मैंने परीक्षण पृष्ठ को ठीक किया, रूसी और एक सप्ताह के बाद सोमवार को jQuery UI के लिए परीक्षण के लिए तारीखों का एक यादृच्छिक आउटपुट बनाया, zater में मैंने इसे इनपुट क्षेत्र के तहत स्थानांतरित कर दिया।

स्पष्टता के लिए विभिन्न प्रकार की तिथियों को दर्ज करने के उदाहरण भी जोड़े गए (उदाहरण के लिए, वर्तमान तिथि, महीना और वर्ष, केवल वर्ष)।