2015-09-15 9 views
5

क्या कोई डेटपिकर लाइब्रेरी है जो मोबाइल ब्राउज़र (एंड्रॉइड, आईओएस, विंडोज फोन) और मानक ब्राउज़र में भी काम करेगी? यह सही होगा अगर यह बूटस्ट्रैप सीएसएस के साथ संगत था, और यदि यह संभव हो तो मूल HTML5 दिनांक फ़ील्ड पर वापस आ सकता है। कृपया कुछ सिफारिश करें। मैं कोशिश की - webshims (एंड्रॉयड और IE में टूट) - pickadate (यह कैसे बर्ताव से खुश नहीं)क्रॉस-ब्राउज़र डेटपिकर घटक (मोबाइल और डेस्कटॉप ब्राउज़र के साथ संगत) और बूटस्ट्रैप

उत्तर

1

JQuery यूआई अपने दोस्त यहाँ है ... और यहाँ एक नमूना

<head> 
<script type="text/javascript"> 
    var datefield=document.createElement("input") 
    datefield.setAttribute("type", "date") 
    if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker 
     document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n') 
     document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n') 
     document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n') 
} 
</script> 

<script> 
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget: 
    jQuery(function($){ //on document.ready 
     $('#birthday').datepicker(); 
    }) 
} 
</script> 
</head> 

<body> 
    <form> 
     <b>Date of birth:</b> 
     <input type="date" id="birthday" name="birthday" size="20" /> 
     <input type="button" value="Submit" name="B1"></p> 
    </form> 
</body> 
0

jQuery UI datepicker मेरे द्वारा एक परीक्षण किया समाधान है।

+0

यह मेरा मोबाइल के साथ काम नहीं करता है, आप इसे कैसे काम करने के लिए मिला है? – OneTwo

+0

क्षमा करें, मैंने मोबाइल उपकरणों पर इसका बहुत परीक्षण नहीं किया। –

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