jQuery के यूआई datepicker प्रदर्शित नहीं करेगा - पूर्ण कोड शामिल

मैं मुसीबत jQuery datepicker प्रदर्शित हो रहा है जैसा कि यहाँ दिखाया: http://jqueryui.com/demos/datepicker/jQuery के यूआई datepicker प्रदर्शित नहीं करेगा - पूर्ण कोड शामिल

मेरा मानना है कि मैं उचित फ़ाइलों के सभी डाउनलोड किया, लेकिन कुछ हो सकता है, मैं खरोंच से शुरू कर दिया और डेमो साइट फट गया। यह सब नहीं, लेकिन जो मैंने महत्वपूर्ण भागों के रूप में माना। नतीजा दिखाने के लिए कोई डेटपिकर नहीं है और कोई जावास्क्रिप्ट त्रुटियां नहीं हैं। यहां मेरा पूरा कोड नमूना है:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 

<script type="text/javascript" charset="utf-8"> 
jQuery(function(){ 
    jQuery("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 
<input type="text" id="datepicker" class="hasDatepicker" /> 
</body> 
</html>

किसी भी मदद की बहुत सराहना की जाएगी। धन्यवाद!

स्रोत

2010-05-12 Bill Brasky

कृपया इनपुट टैग से हैडपिकर हटाएं और इसे ठीक काम करना चाहिए।

class = 'hasDatepicker' //Need to remove

स्रोत

2010-05-12 16:47:11 Raja

हां, उस वर्ग का नाम jquery-ui द्वारा उपयोग किया जाता है यह इंगित करने के लिए कि डेटपिकर पहले ही जोड़ा जा चुका है। – interjay

जब आप डेटपिकर को कॉल करते हैं तो हैडपिकर क्लास स्वचालित रूप से jQuery UI द्वारा जोड़ा जाता है। इसे अपने आप में डालकर चीजों को गड़बड़ कर देता है। – Adam

मान लीजिए कि मुझे कोड फट नहीं होना चाहिए था। धन्यवाद! –

यदि आप jQuery UI lib के स्रोत कोड को ध्यान से देखो आप देखेंगे कि यह datepicker के लिए अंदर hasDatepicker वर्ग का उपयोग करता है देख सकते हैं। मैं इसी तरह की समस्या हुई

<input type="text" id="datepicker" class="hasdatepicker"/>

स्रोत

2010-05-12 16:52:37 0x2D9A3

निकालें वर्ग = "hasDatepicker"

स्रोत

2010-05-12 16:54:04 heisenberg

<input type="text" id="datepicker" class="anyOtherClassName"/>

या: तो, किसी भी अन्य वर्ग (यहां तक कि hasdatepicker काम करता है), लेकिन नहीं hasDatepicker का उपयोग करें। मेरे संकल्प datePicker.css

.date-picker { 
position: absolute; 
z-index:1000;/*********** MY Change *************/ 
font-size: 1em; 
color: #CCC; 
text-align: center; 
cursor: default; 

border: 1px solid #444; 
border-radius: 2px; 
margin: 6px 0; 
background: #222; 
box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.2);}

यह है कि के .date-picker में z-index जोड़ने के लिए था !!! और लो तारीख पिकर प्रदर्शित करना शुरू कर दिया। उम्मीद है कि यह किसी ऐसे व्यक्ति की मदद करता है जो यहां समान मुद्दों के लिए आएगा।

स्रोत

2017-11-13 07:41:09 jAntoni

jQuery के यूआई datepicker प्रदर्शित नहीं करेगा - पूर्ण कोड शामिल

उत्तर

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