javascript - 日期字段 : how to set maximum date while using Bootstrap datepicker?

Question

对于日期变量，我在应用程序的不同位置有以下代码:

<%= f.date_field :date, required: true, 'data-provide': 'datepicker' %>
<%= f.text_field :date, required: true, 'data-provide': 'datepicker' %>

因此，在某些情况下，它使用date_field，而在其他情况下，它使用text_field。它使用 Bootstrap 日期选择器。

我想添加允许选择的最大日期。 Date_field 提供选项 max 来设置此值。然而，当我添加这个时，我仍然可以选择 future 的任何一天。所以这不起作用，我认为这可能是因为 Bootstrap datepicker。所以我还添加了datepicker提供的方法，即endDate。

我现在有了下面的代码，但我仍然可以选择 future 的任何日期。有人看出我做错了什么吗？

<% end_date = Time.zone.now + 100.days %>
<%= f.date_field :date, required: true, 'data-provide': 'datepicker', max: end_date, id: 'date' %>
<script type="text/javascript">
  $(document).ready(function(){
    $('#date').datepicker({
      endDate: end_date;
    });
  });
</script>

<%= f.text_field :date, required: true, 'data-provide': 'datepicker', id: 'date' %>
# Using the same JavaScript code

Answer 1

按照代码的编写方式，您将文字字符串“end_date”放入 JavaScript 中。如果您希望它是 ruby​​，则需要将其包装在 <%= %> 中括号。话虽如此，引导日期选择器的语法是使用数字后跟“d”。尝试:

  $('#date').datepicker({
    endDate: "+100d";
  });