使用 ERB rails 4 和 t.text-field 为引导日期选择器设置最大日期答案

【问题标题】：Setting a maxDate for boostrap datepicker with ERB rails 4 and t.text-field使用 ERB rails 4 和 t.text-field 为引导日期选择器设置最大日期
【发布时间】：2018-03-20 00:09:02
【问题描述】：

在我的 javascript 控制台中，这按预期工作，将日期选择器的最大日期设置为今天

$('.datepicker').datepicker('setEndDate', '2018-03-19');

把它放在我的 rails erb 模板中，

<%= f.text_field :date, class: 'form-control datepicker', value: Date.today.strftime('%Y-%m-%d') %>
<script>$('.datepicker').datepicker('setEndDate', '<%= Date.today.strftime('%Y-%m-%d') %>');</script>

...日期可以追溯到 19 年 2 月，并且不允许我选择日期，就好像它误解了日期格式一样。

我使用的是 admin_lte.js 中设置的日期格式：

$(document).ready(function() {

  // Bootstrap Datepicker
  $('.datepicker').datepicker({
    format: 'yyyy-mm-dd',
    orientation: 'bottom'
  });
});

【问题讨论】：

标签： ruby-on-rails datepicker bootstrap-datepicker

【解决方案1】：

将javascript调用包装在$(document).ready(function()中：

<%= f.text_field :date, class: 'form-control datepicker', value: Date.today.strftime('%Y-%m-%d') %>
<script>
        $(document).ready(function()  {
                $('.datepicker').datepicker('setEndDate', '<%= Date.today.strftime('%Y-%m-%d') %>');
                });

</script>

【讨论】：