2011-01-09 26 views
5

मैं एक वेब ऐप बना रहा हूं जहां हमारे लक्षित दर्शकों के विशाल बहुमत में Google Analytics के साथ अनुभव हो सकता है - और उस वेबसाइट के हिस्से के रूप में दिनांक सीमा चयनकर्ता है। मैं अपनी जरूरतों को अनुकूलित करने के लिए ऑफ-द-शेल्फ जावास्क्रिप्ट/jquery date range selector ढूंढने की उम्मीद कर रहा था, लेकिन मैं स्टॉक संस्करण का प्रशंसक नहीं हूं जो jquery प्रदान करता है क्योंकि इसमें वास्तविक दिनांक इनपुट की कमी है, इसमें केवल दो हैं दृश्य कैलेंडर। मैंने सूचीबद्ध किया है जो मैं नीचे देख रहा हूं।Google Analytics दिनांक सीमा चयनकर्ता के समान दिनांक सीमा चयनकर्ता?

मैं क्या अच्छा लगेगा:

  • एक एकल कैलेंडर (अधिमानतः दो महीनों से पता चला के साथ) पर एक आरंभ और समाप्ति तिथि का चयन करें।

  • एक इनपुट बॉक्स

  • चयनित समय अवधि के की हाइलाइटिंग में मैन्युअल आरंभ और समाप्ति तिथि दर्ज करें (बदलते 'शुरू' और 'अंत' के भीतर दिनांकों की पृष्ठभूमि रंग)।

  • काफी सीएसएस/ लेआउट तत्वों पर प्राप्त करने के लिए

मैं क्या जरूरत नहीं है आसान:

  • एक समय चयनकर्ता
  • से तुलना अतीत

एच के लिए धन्यवाद बाहर निकलना!

+0

तो मेरा उत्तर आप के लिए कृपया स्वीकार क्या देख रहे थे था। –

उत्तर

0

jQuery-ui-datepicker

http://jqueryui.com/demos/datepicker/#multiple-calendars

यहाँ भी तिथि सीमा का भी नहीं है अन्य प्लग इन की

http://www.bloggingdeveloper.com/post/8-Widely-Used-Calendar-Date-Picker-and-Time-Formatting-jQuery-Plugins-that-Web-Developers-Should-Know.aspx

+2

क्या आप मजाक कर रहे हैं? क्या आपने इन दो विगेट्स की तुलना करने की कोशिश की थी। "Google विश्लेषणात्मक" और "jQuery UI DatePicker" – user1016265

+0

मजाक में दिनांक सीमा का चयन करने का प्रयास करें?दूसरा लिंक देखें, आप उस प्लग को पकड़ सकते हैं जिसमें उसमें एक तिथि सीमा होगी। उत्तर को चिह्नित करने से पहले कृपया कुछ जवाब पढ़ें और सत्यापित करें। http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/ –

+0

आप सही हैं, दूसरे लिंक में Google के समान कुछ है, लेकिन "jQuery UI दिनांक सीमा चयनकर्ता" पूरी तरह से अलग है। इसमें Google की इतनी सुविधा नहीं है। – user1016265

5

jQuery-ui-datepicker की एक सूची है। बस जो करता है कि यह अच्छा प्लगइन पता चला - http://www.eyecon.ro/datepicker/

अद्यतन

हाल ही में एक और खुला स्रोत प्लगइन का उपयोग शुरू किया और यह बहुत महान काम कर रहा है।

https://github.com/dangrossman/bootstrap-daterangepicker

+0

यह एक महान है – user1016265

2

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

http://www.filamentgroup.com/examples/daterangepicker_v2/

+0

यह अच्छा है - धन्यवाद। –

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