在Rails 4 ERB中设置Bootstrap Datepicker最大日期遇异常问题

我来帮你排查这个问题，你遇到的情况大概率是两个核心原因导致的：

1. ERB模板里的单引号冲突问题 #

你看这段ERB代码里的strftime参数：

<script>$('.datepicker').datepicker('setEndDate', '<%= Date.today.strftime('%Y-%m-%d') %>');</script>

这里面strftime('%Y-%m-%d')的单引号和外层JS字符串的单引号直接撞车了！ERB解析时会把内部的单引号当成字符串结束符，导致最终生成的JS代码出现语法错误，自然无法正确设置结束日期。

修复方案：把strftime里的单引号换成双引号，或者给JS的字符串用双引号包裹，二选一即可：

// 方案一：JS字符串用双引号包裹
<script>$('.datepicker').datepicker('setEndDate', "<%= Date.today.strftime('%Y-%m-%d') %>");</script>

// 方案二：strftime参数用双引号
<script>$('.datepicker').datepicker('setEndDate', '<%= Date.today.strftime("%Y-%m-%d") %>');</script>

2. JS代码执行时机过早 #

另一个常见坑是：你的setEndDate代码在datepicker实例初始化之前就执行了——这时候DOM元素虽然存在，但datepicker还没完成初始化，调用setEndDate自然不会生效。

修复方案：确保代码在datepicker初始化之后执行，最稳妥的方式是把代码放到$(document).ready()回调里（如果用jQuery的话），或者监听DOM加载完成事件：

<script>
$(document).ready(function() {
  // 如果datepicker还没在其他地方初始化，先执行初始化
  $('.datepicker').datepicker();
  // 再设置结束日期
  $('.datepicker').datepicker('setEndDate', "<%= Date.today.strftime('%Y-%m-%d') %>");
});
</script>

如果你的datepicker是在独立JS文件里初始化的，记得把这段script放在那个JS文件之后加载，或者放到页面底部，确保执行顺序正确。

快速验证方法 #

打开浏览器开发者工具（F12），先看Console面板有没有语法错误；再看Elements面板里生成的script标签内容，确认输出的日期格式是正确的（比如'2024-05-20'），而不是有乱码或截断的错误代码。

内容的提问来源于stack exchange，提问作者Julien Lamarche