Question

我想自动设置今天的日期，但它不起作用。

<div class="input-append date">
     <input type="text" data-date-format="yyyy-mm-dd" id="date_debut" readonly>
     <span class="add-on"><i class="icon-calendar"></i></span>
</div>


$('#date_debut').datepicker({
    setDate: new Date(),
    autoclose: true
});

我点击时设置了日期，但我想在没有点击日期输入的情况下设置

编辑=＆gt;也许我的要求有问题？在人们的项目中工作的通常方式并不在我的......

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

    <script>var $j = jQuery.noConflict();</script>
    <link rel="stylesheet" type="text/css" href="js/bootstrap/css/bootstrap.css" />
    <script type="text/javascript" src="js/bootstrap/js/collapse_bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="js/css.css" />

    <link rel="stylesheet" type="text/css" href="js/datepicker/css/datepicker.css" />
    <script type="text/javascript" src="js/datepicker/js/bootstrap-datepicker.js"></script>
</head>

Answer 1

这应该可以解决问题：

$('#date_debut').datepicker({
    defaultDate: new Date(),
    autoclose: true
});

Answer 2

我发现了这样的事情：

$("#date_debut").datepicker("update", new Date());

https://stackoverflow.com/a/19953892/3172092

更新：在初始化datepicker实例之前，您可以先将值设置为输入，例如：

$("#date_debut").val('2014-10-13');

// next
$('#date_debut').datepicker({
    autoclose: true
});

Answer 3

好的，它的工作原理是这样，但它不是很干净

我的html代码=＆gt;

<div class="input-append date" id="print_date_debut">
    <span class="add-on"><i class="icon-calendar"></i></span>
</div>

我在其他文件中的javascript代码=＆gt;

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;//January is 0!`

var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd}
if(mm<10){mm='0'+mm}
var today = yyyy+'-'+mm+'-'+dd;
console.log(today);

$j("#print_date_debut").prepend("<input type=\"text\" value=\""+today+"\" data-date-format=\"yyyy-mm-dd\" id=\"date_debut\" readonly>");

$j('#date_debut').datepicker({
    defaultDate: new Date(),
    autoclose: true
});

bootstrap datepicker将日期设置为当前日期

3 个答案: