今天默认引导日期选择器

Posted 2023-02-25

【中文标题】今天默认引导日期选择器

【英文标题】：bootstrap datepicker today as default

【发布时间】：2013-03-03 15:21:30

【问题描述】：

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

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

谢谢

【参考方案1】：

这应该可行：

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

对于自动关闭 (fiddle)：

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

jQuery > datepicker API

【讨论】：

所以这种方式行不通？ $('#datepicker').datepicker( autoclose: true, setDate: new Date() );

看起来autoclose 不是一个有效的选项，这可能就是原因。

我目前有两个块 $("#datepicker").datepicker("setDate", new Date()); 和 $('#datepicker').datepicker( autoclose: true, ); 这种方式有效

感谢您的提琴，因为默认日期为空，所以它不起作用。这个和我现在的一样。单独的块jsfiddle.net/aekjD

这个答案实际上是无效的，因为它谈论jquery datepicker而问题是关于bootstrap datepicker

【参考方案2】：

初始化后设置

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

这个例子是有效的。

【讨论】：

谢谢！这是唯一适用于 Bootstrap DatePicker 插件的解决方案。您首先实例化一个日期选择器，然后在其上设置日期。

像魅力一样工作。谢谢！

【参考方案3】：

我用过这段代码

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

【讨论】：

谢谢，这是唯一适合我的方法。 jQuery UI - v1.12.1 - 2021-06-06，jQuery 依赖 v3.3.1，我无法获得上述工作

【参考方案4】：

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

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

【参考方案5】：

如果以上选项都不起作用，请使用以下选项：

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

这对我有用。

【参考方案6】：

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

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

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

【讨论】：

您在小提琴中使用了另一个插件：bootstrap-datetimepicker。这里有问题的是 bootstrap-datepicker

@olefrank 是对的，但它适用于 bootstrap-datetimepicker 并为我工作。谢谢！

【参考方案7】：

它对我来说很好......

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

);

【参考方案8】：

用于引导日期选择器

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

* new Date 是 jquery 默认函数，你可以在其中传递自定义日期，如果没有设置，它将默认采用当前日期

【参考方案9】：

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

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

【参考方案10】：

简单的放下面一个。这对我有用。

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

【参考方案11】：

根据这个链接Set default date of 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 );

【讨论】：

这个问题是关于引导日期选择器的，它是类似的，但使用的选项集与 jquery UI 日期选择器不同。见bootstrap-datepicker.readthedocs.org/en/latest/options.html

var currMonth = d.getMonth()+1;

【参考方案12】：

很简单

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

这将在今天设置为默认值

【讨论】：

这适用于“datetimepicker”插件，不适用于“datepicker”。

【参考方案13】：

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