通过单击复选框打开日期选择器并设置新日期

Posted 2023-05-09

【中文标题】通过单击复选框打开日期选择器并设置新日期

【英文标题】：Open a date picker by clicking on checkbox and set new date

【发布时间】：2017-10-14 06:56:53

【问题描述】：

我正在使用bootstrap-datepicker-rails，有一个问题我无法解决。 我有以下结构：

<div class="row">
    <input type="text" class="form-control datepicker-element" data-provide='datepicker' value="<%= Time.now.strftime('%d-%m-%Y') %>" >
</div>
<div class="row">
    <label><input type="checkbox" class="date-checkbox" value="">Set different date</label>

我需要完成的是可以打开日期选择器并设置新日期（如您所见，其默认值为当前日期）。 我尝试了以下操作：

$('.date-checkbox').click(function() 
    $('.datepicker-element').datepicker();
);

但它的效果不如onChange 事件和在复选框上调用.datepicker()。 提前致谢！

【问题讨论】：

bootstrap-datepicker.readthedocs.io/en/stable/methods.html#show

当，这就是我需要的。谢谢！

【参考方案1】：

问题已通过使用 gem 的标准方法解决，该方法在其文档中描述，您可以在 link 找到。 所以我的解决方案是这样的：

$('.date-checkbox').click(function() 
    $('.datepicker-element').datepicker('show');
);