बूटस्ट्रैप डेटपिकर काम नहीं कर रहा है।

Question

फिडल पूर्व: http://jsfiddle.net/EmwFE/

तो मैं datepicker काम कर पाने के लिए कोशिश कर रहे हैं और मुझे लगता है कि मैं निर्देशों का पालन कर रहा हूँ, लेकिन मैं कैलेंडर पॉप अप करने के लिए नहीं मिल सकता है।

टीआईए

नीचे दिए गए कोड से ऊपर उदाहरण उदाहरण।

    <label class="control-label" for="input08"> 
        My Start Date 
       </label> 
       <div class="controls"> 
        <script type="text/javascript"> 
         $(document).ready(function() { 
         $('.datepicker').datepicker(); 
        </script> 

        <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> 
         <input class="span2" size="16" type="text" value="12-02-2012" class="datepicker"> 
         <span class="add-on"><i class="icon-th"></i></span> 
        </div> 

       </div> 

Answer 1

देखो इस: jsfiddle

आप शर्त div सब कुछ होता है की आईडी प्रारंभ। आप कुछ भी लक्ष्य नहीं कर रहे थे!

$('#dp3').datepicker(); 

Answer 2

आपके पास आईडी सेट नहीं था।

<input id="datepicker" class="span2 datepicker" size="16" type="text" value="12-02-2012"> 

http://jsfiddle.net/EmwFE/2/

मैं नोटिस आप कुछ था: और बाकी बाद में आप समस्याओं के कारण हो सकता है कि कुछ, इनपुट है वर्ग विशेषता दो बार परिभाषित, बजाय एक ही विशेषता एक अंतरिक्ष से अलग में प्रत्येक वर्ग की सूची है जावास्क्रिप्ट इनलाइन इसे $('.datepicker') द्वारा संदर्भित करने का प्रयास कर रहा है जो काम नहीं करता है क्योंकि आपके पास क्लास एट्रिब्यूट दो बार परिभाषित किया गया था और दूसरी परिभाषा को अनदेखा किया गया है। जावास्क्रिप्ट पैनल $('#datepicker') का उपयोग करता था जो काम नहीं करता था क्योंकि आपके पास इनपुट पर आईडी सेट नहीं था। तो या तो jquery selector तकनीक काम किया होगा, आपको तत्व के साथ समस्याओं को ठीक करने की जरूरत है।

Answer 3

आपके कोड में आपके कई समस्याएं थीं।

• अपने तैयार() फोन
• एक आईडी चयनकर्ता के बजाय एक वर्ग चयनकर्ता (id="datepicker" को संदर्भित करता है, class="datepicker" को .datepicker) का उपयोग करना

Working example

Answer 4

Lughino के समाधान के परिणामस्वरूप के बाद कोष्ठक गुम मेरे लिए कुछ अजीब व्यवहार में। मुझे लगता है कि आप

<script type="text/javascript"> 
$(document).ready(function() { 
$('.datepicker').datepicker(); 
</script> 

और

$('#dp3').datepicker(); 

हटाने और जावास्क्रिप्ट बॉक्स में इस कोड को लिखना चाहिए:

$(document).ready(function() { 
    $('#dp3').datepicker(); 
}); 

देखें jsfiddle।

Answer 5

पोस्ट कोड उदाहरण 2 त्रुटियों शामिल हैं:

1) तैयार समारोह() बंद नहीं है:

$(document).ready(function() { 
    $('.datepicker').datepicker(); 
}); 

2) इनपुट तत्व है "वर्ग" विशेषता 2 बार परिभाषित:
(jQuery चयनकर्ता में वर्ग विशेषता का उपयोग कर तत्व (s), कोई जरूरत आईडी का उपयोग करने के लिए खोजने के लिए एकदम सही है)

<input class="span2" size="16" type="text" value="12-02-2012" class="datepicker"> 

होना चाहिए

<input class="span2 datepicker" size="16" type="text" value="12-02-2012"> 

jsfiddle with correction