如何從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日期，但它不會顯示爲選定的日期。我的問題是如何設置date點擊並顯示爲選定的日期。

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); 
    }); 
}); 

Answer 2

更新與

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

    $("#set_date").click(function(){ 
     date ="07/01/2015"; 

     var d = new Date(); 
     var curr_day = d.getDate(); 
     var curr_month = d.getMonth() + 1; //Months are zero based 
     var curr_year = d.getFullYear(); 

     var today = curr_month + "/" + curr_day + "/" + curr_year; 
     $("#date").val(today); 


    }); 
}); 

檢查JS撥弄你的JavaScript

http://jsfiddle.net/swapnilmotewar/tuG6C/609/

Answer 3

請更換：

$("#date").val(date); 

有了：

$(".datepicker").datepicker("update", date);