jQuery Date Range Picker设置autoclose:false不生效求解决

我来帮你搞定这个问题！设置autoclose:false没生效通常有几个常见原因，咱们一步步排查：

1. 确认配置项的正确命名 #

有些第三方日期范围插件的配置项是驼峰式命名的autoClose，而不是全小写的autoclose。你可以先试试把配置改成：

$(function () {
  $('#d').daterangepicker({
    autoClose: false // 替换autoclose为autoClose
    // 其他配置，比如startDate、endDate等
  });
});

2. 检查插件初始化代码的完整性 #

从你提供的代码片段看，初始化代码没写完，确保完整的初始化结构是正确的——要把配置对象正确传入daterangepicker()方法中，比如上面的示例那样。

3. 手动阻止日历关闭（如果插件不支持该配置） #

如果你的插件版本确实没有autoclose/autoClose这个配置项，可以通过监听日期选择事件来手动保持日历显示：

$(function () {
  $('#d').daterangepicker({
    // 你的基础配置
  }).on('apply.daterangepicker', function(ev, picker) {
    // 触发选择后，强制显示日历容器
    picker.container.show();
    // 或者根据插件的DOM结构，用fadeIn()等方法保持显示
  });
});

4. 排查冲突或版本问题 #

• 确保jQuery、jQuery UI和日期范围插件的版本兼容：你用的jQuery 1.9.1比较老旧，可能和新版本的插件不兼容，试试升级jQuery到较新的稳定版本（比如3.x系列）。
• 检查页面是否有其他JS代码监听了日期输入框的事件，意外触发了日历关闭。

内容的提问来源于stack exchange，提问作者abhinab rout