You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Bootstrap Datepicker中自动选中当前日期或指定日期

如何在Bootstrap Datepicker中自动选中当前日期或指定日期?

一、自动选中当前日期

通过配置defaultDate参数为'now',Datepicker初始化时会自动选中当前日期:

$('.datepicker').datepicker({
    format: "yyyy-mm-dd",
    forceParse: false,
    autoclose: true,
    defaultDate: 'now'
});

二、自动选中指定日期

若要选中某个特定日期,推荐使用defaultDate参数,支持两种传入方式:

  1. 直接传入与format匹配的日期字符串:
$('.datepicker').datepicker({
    format: "yyyy-mm-dd",
    forceParse: false,
    autoclose: true,
    defaultDate: '2024-05-20' // 替换为你需要的指定日期
});
  1. 传入Date类型的变量:
// 可以是当前日期,也可以自定义任意日期
var targetDate = new Date('2024-05-20'); 
$('.datepicker').datepicker({
    format: "yyyy-mm-dd",
    forceParse: false,
    autoclose: true,
    defaultDate: targetDate
});

注意:你提供的代码里用到的startDate参数,作用是限制可选择日期的起始范围,并非直接选中指定日期,若要实现自动选中效果,优先使用defaultDate。

日期选择器效果示例:
日期选择器示例

内容的提问来源于stack exchange,提问作者Hein Htet Ko

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 19:03:12