如何在Bootstrap Datepicker中自动选中当前日期或指定日期
如何在Bootstrap Datepicker中自动选中当前日期或指定日期?
一、自动选中当前日期
通过配置defaultDate参数为'now',Datepicker初始化时会自动选中当前日期:
$('.datepicker').datepicker({ format: "yyyy-mm-dd", forceParse: false, autoclose: true, defaultDate: 'now' });
二、自动选中指定日期
若要选中某个特定日期,推荐使用defaultDate参数,支持两种传入方式:
- 直接传入与
format匹配的日期字符串:
$('.datepicker').datepicker({ format: "yyyy-mm-dd", forceParse: false, autoclose: true, defaultDate: '2024-05-20' // 替换为你需要的指定日期 });
- 传入
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
相关产品推荐
相关产品推荐

