2011-04-05 14 views
16

क्या कोई दिनांक पिकर नियंत्रण है जिसे मैं jQuery मोबाइल पर उपयोग कर सकता हूं?jQuery - मोबाइल डेट पिकर नियंत्रण

यह स्थानीय स्तर पर दिनांकों को बचाने के लिए, आदि

+0

दुर्भाग्यपूर्ण प्रयोगात्मक कैलेंडर के बारे में लगता है कि वे यह पुनर्रचना कर रहे हैं, यह बहुत परिवर्तन महत्वपूर्ण हो सकता है। – user603714

+5

मैं उलझन में हूँ। मुझे यह प्रश्न ** कैलेंडर ** (सप्ताह, दिन, समय इत्यादि द्वारा घटनाओं को दिखाने के लिए) को खोजने के लिए मिला है। तिथि-पिकर नहीं: स्वीकृत एक सहित उत्तर, दिनांक-पिकर्स प्रदान करते हैं। लेकिन "स्थानीय रूप से तारीखों को सहेजने में सक्षम होना चाहिए" आवश्यकता एक वास्तविक कैलेंडर इंगित करती है, सिर्फ एक तारीख पिकर नहीं, तो यहां क्या हो रहा है ?! –

उत्तर

22

यहाँ एक कुछ अच्छी क्षमता है कि है:

http://dev.jtsage.com/jQM-DateBox/

+0

मैं इसका उपयोग कर रहा हूं और यह बहुत अच्छा काम करता है। जेक्यूएम साइट पर किसी के साथ कुछ समस्याएं थीं: http://jquerymobile.com/test/experiments/ui-datepicker/ –

+0

एकमात्र चीज जिसे मुझे इस कैलेंडर के बारे में पसंद नहीं आया वह यह है कि एमएम/डीडी/yyyy दिनांक प्रारूप को तोड़ने से यह टूट गया .. – tomdemuyt

3

वहाँ एक प्रयोगात्मक कैलेंडर है सक्षम होने की जरूरत। मैंने इसे सफलतापूर्वक इस्तेमाल किया।

यहाँ एक नज़र डालें: http://jquerymobile.com/test/experiments/ui-datepicker/

+0

बहुत आंतों ... कोई विचार कैसे/अगर मैं तारीखों पर नोट बनाने और उन्हें बचाने में सक्षम होगा? – Satch3000

+0

हां, आप तिथियों पर नोट्स बनाने में सक्षम होंगे। अगर यह आपको बताता है कि क्या क्लिक किया गया था - समस्या कहां है? – naugtur

+3

लिंक अब टूटा हुआ है, नया लिंक (github पर) https://github.com/filamentgroup/jQuery- मोबाइल- थीम्ड-डेटपिकर – tomdemuyt

-1

http://dev.jtsage.com/jQM-DateBox/

DateBox बहुत साफ है और अभी भी उन लोगों के लिए अच्छी तरह से काम करता है।

+0

रिडंडंट उत्तर ... यह स्वीकृत उत्तर के समान है, और इस उत्तर देने से एक साल पहले इसका उत्तर दिया गया था। – saluce

0

मैं एक PhoneGap आवेदन के विकास कर रहा हूँ और मैं कहाँ datepicker/कैलेंडर क्षमताओं की जरूरत है: सबसे महत्वपूर्ण बात

<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" /> 

<div data-role="content"> 
    <input name="myminutesdate" id="myminutesdate" type="date" data-role="datebox" 
      data-options='{"mode": "calbox","dateFormat":"%m/%d/%Y","calUsePickers": true, "calNoHeader": true,"highDates": ["2012-12-07" , "2012-07-12"] }' ></input> 

:

अपने पृष्ठ पर मूल रूप से

आप jQuery Mobile के लिए CSS और JavaScript कोड के साथ algon जोड़ने

$("#minutesPage").live('pageshow',function(event) { 
    var today = new Date(); 

    var date = today.getDate(); 
    var month = (today.getMonth()+1); 
    var year = today.getFullYear(); 

    var todayStr = month+"/"+date+"/"+year; 
    $('#myminutesdate').trigger('datebox', {'method':'set', 'value':todayStr}); 
}); 

इसके अलावा, यदि आप पॉपअप नहीं चाहते हैं, तो आप इसे स्थिर बना सकते हैं।

0

एक कैलेंडर दृश्य के लिए Calendar Control

यह साथ या दिनांक और समय स्पिनरों (कैलेंडर ही संभव है) के बिना काम करता पर एक नज़र डालें। यदि आप इसकी तलाश में हैं तो यह jQuery मोबाइल थीम्स के साथ भी एकीकृत करता है।

0

जबकि मैं मोबाइल उपकरणों पर उपयोग करने के लिए डेट पिकर की खोज कर रहा था, मुझे एक मिला (स्टैक ओवरफ्लो: https://stackoverflow.com/a/3023446/2100636 के माध्यम से) जो jQuery और UI थीमिंग के साथ काम करता है। मैं इसे एक उत्तर के रूप में जोड़ रहा हूं क्योंकि यह विचार करना अच्छा हो सकता है क्योंकि यह कार्यक्षमता के विचार में निहित है। इसमें विकल्प हैं जिन्हें मैंने अन्य पिकर्स के साथ नहीं देखा, और मुझे लगता है कि मैं इसे एक उत्तरदायी/मोबाइल डिज़ाइन में बहुत अच्छी तरह से शामिल कर सकता हूं। यदि मैं इसका उपयोग कर समाप्त करता हूं तो मैं अपनी प्रगति के साथ अपडेट करूंगा।

अपनी वेबसाइट से, http://www.ama3.com/anytime/, नीचे दिया गया विवरण मुझे जितना संभव हो उतना बेहतर बताता है। यह क्रिएटिव कॉमन्स के तहत भी लाइसेंस प्राप्त है।

12-hour or 24-hour clock 
custom date/time format (countless possibilities, including JSON and XML) 
date-only, time-only, or specific fields! 
date/time range limits 
era-selection (BCE/CE, BC/AD, etc.) 
start week on any day (Sunday, Monday, etc.) 
custom base for 2-digit years (1900, 2000, etc.) 
UTC offsets and time zones 

फिर इन स्टाइल विकल्प झांकने:

शुरुआत के लिए, इन दिनांक/समय ALTERNATIVES पर एक नज़र डालें

custom labels/languages 
custom CSS styles 
jQuery UI Theming 
jQuery UI Theme Switcher 
jQuery ThemeRoller 
pop-up or always-present picker 
visible or hidden field 

यह भी प्रोग्रामर के - मित्र:

easy to implement 
easy AJAX validation 
easy Date/String conversion, including JSON and XML 
create multiple pickers at once 
easy removal 
easy to extend 

और चलो उन प्रयोज्य सुविधाओं भूल नहीं:

single-click value selection 
double-click select-and-dismiss 
WAI-ARIA 1.0 keyboard accessibility 
em-based relative-size 
संबंधित मुद्दे