引导日期选择器将日期设置为当前日期答案

【问题标题】：bootstrap datepicker set date to curent date引导日期选择器将日期设置为当前日期
【发布时间】：2014-12-07 18:54:32
【问题描述】：

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

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

日期是在我点击时设置的，但我希望它在不点击日期输入的情况下设置

Edit => 也许我的要求有问题？在人们的项目中工作的惯用方式在我的项目中没有....

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

【问题讨论】：

只需将带有当前日期的value 属性添加到date_debut 输入？
是的，它适用于静态日期，但如何处理“今天”的日期？
我的意思是当你输出日期输入的html 部分时，给它一个默认值今天你明白了吗？
哦，我明白了，但我不使用一些 JS 打印它，它在一个 html 页面中。我只是用 javascript 设置值。

标签： jquery html twitter-bootstrap datepicker

【解决方案1】：

这应该可以解决问题：

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

【讨论】：

【解决方案2】：

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

我的html代码=>

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

我在另一个文件中的 javascript 代码 =>

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

【讨论】：

【解决方案3】：

我发现了这样的东西：

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

【讨论】：

不，我不明白为什么所有这些解决方案在我的项目中都不起作用......也许我会使用 George Garchagudashvili 技术并为我的 datepicker 设置一个值字段的 html 代码jquery 中的当前日期。这是一个好方法吗？