引导日期选择器的覆盖选项

Posted 2023-05-07

【中文标题】引导日期选择器的覆盖选项

【英文标题】：Overwrite options for bootstrap datepicker

【发布时间】：2016-06-11 09:13:06

【问题描述】：

我已经在一个 js 文件中为我网站的所有日期选择器定义了一个通用选项，现在我试图通过 id 更新/覆盖特定字段，但我无法实现它。

 **html**
 <input id="mydate" class="datepick" type="text">

 **JS**
 $('.datepick').datepicker(
     autoclose: true,
     todayHighlight: true,
     /* startDate: '+1m'  This option will work here*/
 );

  $('#mydate').datepicker(
     startDate: '+1m' /* But it doesnt work here*/
 );

这是一个小提琴http://jsfiddle.net/LT7qE/90/

【问题讨论】：

您的代码应该工作。似乎是库中的一个错误

【参考方案1】：

datepicker 初始化后需要使用setStartDate 设置开始日期

这里是jsFiddle

 $('.datepick').datepicker(
     autoclose: true,
     todayHighlight: true,
     /* startDate: '+1m'  This option will work here*/
 );
 
  $('#mydate').datepicker('setStartDate','+1m');

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/css/datepicker.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/js/bootstrap-datepicker.min.js"></script>
<input id="mydate" class="datepick" type="text">

【讨论】：

很好用，但是如果选项有多个呢？

jsfiddle.net/LT7qE/92 你需要重复它$('#mydate').datepicker('setStartDate','+1m').datepicker('setEndDate','+2m'); 以及更多关于无需重新初始化 datepicker 即可更改的方法：bootstrap-datepicker.readthedocs.org/en/latest/methods.html