今天默认引导日期选择器

Question

我正在使用这个 bootstrap-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());

对于自动关闭（fiddle）：

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

jQuery > 日期选择器 API

Answer 2

初始化后设置

 $('#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').datepicker({
    autoclose: true,
    format: "yyyy-mm-dd",
    immediateUpdates: true,
    todayBtn: true,
    todayHighlight: true
}).datepicker("setDate", "0");

Answer 5

如果以上选项均不起作用，请使用以下方法：

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

这对我有用。

Answer 6

对我来说效果很好...

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

});

Answer 7

我用了这个小例子，它起作用了。

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

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

Answer 8

对于引导日期选择器

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

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

Answer 9

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

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

Answer 10

简单来说就是下面这个。这对我有用。

$('.className').datepicker('setDate', 'now');

Answer 11

很简单

$(function() {
    $("#datePicker").datetimepicker({
        defaultDate:'now'       
    });
});

今天将设置为默认值

Answer 12

根据此链接设置jquery datepicker的默认日期，另一个解决方案是

var d = new Date();

var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();

var dateStr = currDate + "-" + currMonth + "-" + currYear;

$("#datepicker").datepicker(({dateFormat: "dd-mm-yy" autoclose: true, defaultDate: dateStr });

Answer 13

 $(".datepicker").datepicker({
        defaultViewDate: { year: new Date().getFullYear(), month: new Date().getMonth(), day: new Date().getDate() },
        todayHighlight: true,
        autoclose: true,
        format: 'dd-mm-yyyy'
    });

我用过这个，它会起作用的。

Answer 14

我更改了文件“bootstrap-datetimepicker.js”第 1796 行中的代码。这对我有用