javascript-默认今天引导日期选择器

我将这个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/]

只是寻找一种简单的解决方案,将默认日期设置为“今天”。

谢谢

olo asked 2019-11-07T00:05:07Z
12个解决方案
71 votes

这应该工作:

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

对于自动关闭(提琴):

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

jQuery>日期选择器API

Nic answered 2019-11-07T00:05:37Z
34 votes

初始化后设置

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

这个例子在起作用。

Marc Rubiño answered 2019-11-07T00:06:06Z
17 votes

我用了这段代码

$('#datePicker').datepicker({
                    format:'mm/dd/yyyy',
                }).datepicker("setDate",'now');
Shiva Manhar answered 2019-11-07T00:06:30Z
9 votes

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

$(“。datepicker”)。datepicker();
$(“。datepicker”)。datepicker(“ setDate”,new Date());

这对我有用。

Huzaifa Saifuddin answered 2019-11-07T00:07:08Z
7 votes

我用了这个小例子,它奏效了。

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

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

Bruno Ribeiro answered 2019-11-07T00:07:37Z
7 votes

具有当前日期和基本设置的完美选择器

        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");
Ronak Bokaria answered 2019-11-07T00:08:01Z
4 votes

对于引导日期选择器

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

* new Date是jquery的默认功能,您可以在其中传递自定义日期,如果未设置,则默认为当前日期

amn answered 2019-11-07T00:08:31Z
2 votes

根据此链接设置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 });
brian answered 2019-11-07T00:08:54Z
2 votes

这很简单

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

        });
    });

今天将其设置为默认值

Ritesh answered 2019-11-07T00:09:24Z
1 votes

这对我来说可以...

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

    });
Mani answered 2019-11-07T00:09:47Z
0 votes

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

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">
Yasir Ijaz answered 2019-11-07T00:10:11Z
-4 votes

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

enter image description here

Tuấn Dương Hồng answered 2019-11-07T00:10:35Z
translate from https://stackoverflow.com:/questions/15423467/bootstrap-datepicker-today-as-default