14

मैंने Eyecon का दौरा किया और डेटपिकर डाउनलोड किया। मुझे तीन फ़ोल्डर्स मिल गए। 'सीएसएस', 'जेएस' और 'कम'। मैं बूटस्ट्रैप-datepicker.js और नवीनतम jquery.js शामिल है और सिर में .css लिंक किया है:मैं आंखों के बूटस्ट्रैप-डेटपिकर को कैसे कार्यान्वित और उपयोग कर सकता हूं?

<!DOCTYPE> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>Test</title> 
     <link rel="stylesheet" type="text/css" href="../css/datepicker.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css"> 


    </head> 

    <body> 
     <div class="well"> 
      <!--What should I enter here and where/how do I call the function?--> 
     </div> 

     <script type="text/javascript" src="../js/jquery.js"></script> 
     <script type="text/javascript" src="../js/bootstrap-datepicker.js"></script> 
     <script type="text/javascript" src="../js/bootstrap.js"></script> 
    </body> 
</html> 

एक देख सकते हैं, मैं पहले से ही बूटस्ट्रैप पुस्तकालय के साथ काम कर रहा हूँ और इसलिए भी शामिल किया है उस।

मेरा प्रश्न अब है: मैं दिनांक पिकर फ़ंक्शन को कैसे कार्यान्वित और कॉल कर सकता हूं?

+0

और क्या था बिल्ली है। 'कम' फ़ोल्डर में नहीं? :) –

+5

[कम जादू है;)] (http://lesscss.org/) –

+0

आह, यह शानदार लग रहा है :) –

उत्तर

17

$('element').datepicker(); जहां element कुछ वर्ग, आईडी आदि

http://jsfiddle.net/6kk3k/1/

एचटीएमएल

<input type="text" class="datepicker"> 

है jQuery

$('.datepicker').datepicker(); 
संबंधित मुद्दे

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