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

时间:2014-10-13 08:51:19

标签: jquery html twitter-bootstrap datepicker

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

<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>

3 个答案:

答案 0 :(得分:0)

这应该可以解决问题:

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

答案 1 :(得分:0)

我发现了这样的事情:

$("#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
});

答案 2 :(得分:0)

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

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