bootstrap datepicker今天默认为

Question

我正在使用这个bootstrap-datepicker作为我的datepicker.我希望datepicker为开始日或默认日选择"今天".我无法弄清楚如何自动设置"今天",所以我做了一个低效的方式

HTML:

<input type="text" value ="today();" id="datepicker"/>

JS:

 $('#datepicker').datepicker();
function today(){
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1;
    var curr_year = d.getFullYear();
    document.write(curr_date + "-" + curr_month + "-" + curr_year);
}

在线样本:http://jsfiddle.net/BXZk2/

只是寻找一个简单的解决方案,使默认日为"今天".

谢谢

Answer 1

这应该工作:

$("#datepicker").datepicker("setDate", new Date());

而对于autoclose(小提琴):

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

jQuery> datepicker API

Answer 2

在Init之后设置

 $('#dp-ex-3').datepicker({ autoclose: true, language: 'es' });
$('#dp-ex-3').datepicker('update', new Date());

这个例子很有用.

Answer 3

我用过这段代码

$('#datePicker').datepicker({
                    format:'mm/dd/yyyy',
                }).datepicker("setDate",'now');

Answer 4

如果以上选项均无效,请使用以下命令:

$( "日期选择器")日期选择器().
$(".datepicker").datepicker("setDate",new Date());

这对我有用.

Answer 5

我用了一个小例子就可以了.

$('#date').datetimepicker({
    defaultDate: new Date()
});

演示:http://jsfiddle.net/m2fjw57b/1/

Answer 6

Perfect Picker with current date and basic settings

        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");

Answer 7

对于引导日期选择器

$( ".classNmae" ).datepicker( "setDate", new Date());

* new Date 是 jquery 默认函数，您可以在其中传递自定义日期，如果未设置，则默认使用当前日期

Answer 8

这个问题是关于引导日期选择器的。但以上所有答案都是针对 jquery 日期选择器的。对于 Bootstrap 日期选择器，您只需在输入元素的值中提供默认日期。像这样。

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">

Answer 9

这对我来说可以...

$(document).ready(function() {
        var date = new Date();
        var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

        $('#datepicker1').datepicker({
            format: 'dd-mm-yyyy',
            orientation: 'bottom'
        });

        $('#datepicker1').datepicker('setDate', today);

    });