javascript - 如何从 Bootstrap Datepicker 中选择点击日期

Question

我有 Bootstrap Datepicker，我想在点击 Set Date 按钮时设置默认日期。

HTML

<div class="input-append date datepicker no-padding" data-date-format="dd-mm-yyyy">
    <input class="input-medium" id="date" size="16" type="text"><span class="add-on"><i class="icon-th"></i></span>
</div>
<a href="#" id="set_date">Set Date</a>

jQuery

$(document).ready(function() {
    $('.datepicker').datepicker();
    
    $("#set_date").click(function(){
      date ="07/01/2015";
      $("#date").val(date); 
    });
});

我使用 jQuery 设置日期，但它没有显示为选定日期。我的问题是如何在点击时设置日期并显示为选定日期。

JS Fiddle

Answer 1

阅读此 http://api.jqueryui.com/datepicker/#method-setDate

在这里更新你的例子 http://jsfiddle.net/tuG6C/614/

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

    $("#set_date").click(function(){
      date ="07-01-2015";
      //$("#date").val(date); 
      $( '.datepicker' ).datepicker( "setDate", date );
    });
});