如何 select 从 Bootstrap Datepicker 点击日期

Question

我有 Bootstrap 日期选择器，我想在单击 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

将您的 javascript 更新为

$(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 fiddle

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

Answer 2

读这个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 3

请替换：

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

与：

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

如何 select 从 Bootstrap Datepicker 点击日期

How to select date on click from Bootstrap Datepicker

html

javascript

jquery

datepicker

twitter-bootstrap