JQuery डेटपिकर काम नहीं कर रहा

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
</head> 
<body> 
<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 
    <div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div><!-- End demo --> 
</body> 
</HTML>

लेकिन datepicker काम नहीं कर रहा है .. क्या मैं इसे काम करने के लिए क्या करना चाहिए? धन्यवाद।

स्रोत

2011-04-16 newbie

"काम नहीं करता" पर्याप्त त्रुटि विवरण नहीं है। * क्या * काम नहीं करता है? क्या होता है? –

"इसे काम नहीं कर सकता" एक भयानक समस्या का विवरण है। क्या काम नहीं करता है? आप क्या होने की उम्मीद करते हैं? जावास्क्रिप्ट कंसोल पर क्या त्रुटियां आती हैं? – Oded

डेटपिकर। – newbie

आप datepicker पुस्तकालय

शामिल नहीं किया था तो अपने <head> टैग करने के लिए

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

जोड़ने

live demo

स्रोत

2011-04-16 16:38:53 Raynos

मैं इसे कैसे शामिल कर सकता हूं? धन्यवाद – newbie

आह ठीक है .. अब यह काम कर रहा है .. धन्यवाद। :) – newbie

@newbie - सुनिश्चित करें कि आपके द्वारा उपयोग किए गए उत्तर के बगल में रूपरेखा चेकमार्क पर क्लिक करें। यह जवाब के लिए वोट के नीचे सही होगा। –

ऑर्डर को समायोजित करने का प्रयास करें जिसमें आपकी स्क्रिप्ट चलती है। उस तत्व के नीचे स्क्रिप्ट टैग रखें जो इसे प्रभावित करने का प्रयास कर रहा है। या इसे शीर्ष पर छोड़ दें और इसे $(document).ready() संपादित करें: और सही फ़ाइल शामिल करें।

स्रोत

2011-04-16 16:38:48

डेटपिकर jQuery का हिस्सा नहीं है। डेटपिकर का उपयोग करने के लिए आपको jQuery UI प्राप्त करना होगा।

स्रोत

2011-04-16 16:38:50

समस्या आप jQuery यूआई पुस्तकालय को जोड़ने नहीं कर रहे हैं (है वह जगह है जहां डेटपिकर रहता है):

http://jsfiddle.net/5AkyC/

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 
    <div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div><!-- End demo --> 
</body> 
</HTML>

स्रोत

2011-04-16 16:41:59

आप अपने डेमो में सामान्यीकृत सीएसएस को अनटिक करना भूल गए हैं! – Raynos

@ रेयानोस - यह प्रदर्शन के लिए कोई फर्क नहीं पड़ता, आईएमओ। –

@ रेनोस - हालांकि मुझे आश्चर्य है कि जेएसफ़िल्ड लोक उस डिफ़ॉल्ट क्यों बनाते हैं। : \ –

मेरे लिए .. समस्या यह है कि लंगर एक शीर्षक की आवश्यकता थी, और याद आ रही थी!

स्रोत

2014-03-28 07:00:13 bcm

उसके बाद

सभी एचटीएमएल हम कोड

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all"> 



<script> 
$('#date').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showButtonPanel: true, 
    yearRange: "-100:+0", 
    dateFormat: 'dd/mm/yy' 

}); 
</script>

स्रोत

2016-08-17 12:06:15

की इन पंक्तियों मैं एक मुद्दा जहां datepicker() कुछ नहीं कर होना को दिखाई पर फंस गया था लिखना चाहते हैं। यह पता चला कि मुद्दा यह था कि इनपुट बूटस्ट्रैप "इनपुट-समूह" div के अंदर था। बस इनपुट-समूह के इनपुट को बाहर ले जाने से समस्या हल हो गई।

स्रोत

2016-11-08 17:50:43

JQuery डेटपिकर काम नहीं कर रहा

उत्तर

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