Javascript 今天作为默认值的引导日期选择器

Javascript 今天作为默认值的引导日期选择器,javascript,html,date,bootstrap-datepicker,Javascript,Html,Date,Bootstrap Datepicker,我用这个来选我的约会对象。我希望日期选择器选择“今天”作为开始日期或默认日期。 我不知道如何自动设置“今天”,所以我做了一个低效的方法 HTML: 网上样本: 只是在寻找一个简单的解决方案,将默认日期设置为“今天” 谢谢这应该可以: $(“#日期选择器”).datepicker(“setDate”,new Date()) 对于autoclose(): 根据此链接,另一种解决方案是 var d = new Date(); var currDate = d.getDate(); var currM

我用这个来选我的约会对象。我希望日期选择器选择“今天”作为开始日期或默认日期。 我不知道如何自动设置“今天”,所以我做了一个低效的方法

HTML:

网上样本:

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

谢谢

这应该可以:

$(“#日期选择器”).datepicker(“setDate”,new Date())

对于autoclose():

根据此链接,另一种解决方案是

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 });
在Init之后设置

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

这个例子很有效。

我用了一个小例子,它很有效

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

很简单

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

        });
    });

这将设置为默认值

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

$(“.datepicker”).datepicker()
$(“.datepicker”).datepicker(“setDate”,new Date())


这对我很有用。

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

我使用了这个代码

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

用于引导日期选择器

$( ".classNmae" ).datepicker( "setDate", new Date());
*new Date是jquery的默认函数,您可以在其中传递自定义日期&如果未设置,则默认为当前日期

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


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

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">
对我来说很好。。。

简单地说,下面的一个。这对我有用

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

那么这种方式不起作用了<代码>$('#datepicker').datepicker({autoclose:true,setDate:new Date()})
看起来不像是一个有效的选项,这可能就是原因。我目前有两个块
$(“#datepicker”).datepicker(“setDate”,new Date())
$('#datepicker')。datepicker({autoclose:true,})这种方式有效感谢小提琴,因为默认日期为空,所以小提琴不起作用。这个和我现在吃的一样。单独块这个答案实际上是无效的,因为它谈论的是
jquery日期选择器
,而问题是关于
bootstrap日期选择器
这个问题是关于bootstrap日期选择器的,它类似,但使用的选项集与jquery UI日期选择器不同。参见var currMonth=d.getMonth()+1;您正在使用另一个插件:bootstrap datetimepicker。这里讨论的是bootstrap-datepicker@olefrank是对的,但它对引导datetimepicker有效,对我有效。谢谢谢谢这是唯一适用于引导DatePicker插件的解决方案。你首先实例化一个日期选择器,然后在上面设置日期。就像一个符咒。谢谢这适用于“datetimepicker”插件,而不是“datepicker”。
$( ".classNmae" ).datepicker( "setDate", new Date());
        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");
<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">
$(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);

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