title: BootStrap DatePicker NoConflict
body: <p>According to the document: <a href="https://github.com/eternicode/bootstrap-datepicker#no-conflict">https://github.com/eternicode/bootstrap-datepicker#no-conflict</a></p>
  
  <p>bootstrap datepicker can use noConflict now:</p>
  
  <pre><code>var datepicker = $.fn.datepicker.noConflict();
  $.fn.bootstrapDP = datepicker;    // give $().bootstrapDP the bootstrap-datepicker functionality
  </code></pre>
  
  <p>It said "give $().bootstrapDP the bootstrap-datepicker functionality", what does this mean? Does it means I can use <code>$("#object").bootstrapDP()</code> instead of <code>$("#object").datepicker()</code>?</p>
  
  <p>I have tried it in firefox (just for test, actually not conflict to any js), but  the "date-choose" does not show, and no error appear (from firebug), that is weird.</p>
  
  <p>Below is my code:</p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;div class="input-append date" id="dp3" data-date-format="dd-mm-yyyy"&gt;
      &lt;input class="span2" size="16" type="text"  readonly&gt;&lt;span class="add-on"&gt;&lt;i class="icon-th"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h3>JS</h3>
  
  <pre><code>&lt;script&gt;
    $(function(){
      var datepicker = $.fn.datepicker.noConflict;
      $.fn.bootstrapDP = datepicker;  
      $("#dp3").bootstrapDP();    
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>When I replace the script with <code>$("#dp3").datepicker()</code>, the "date-choose" will show.
  Can anyone tell me how to use noConflict to bootstrap datepicker?</p>