Chrome浏览器中的日期范围选择器日期选择问题
我正在尝试使用 日期范围选择器 插件。
这在 Firefox 浏览器中运行良好。日期选择选项在 Chrome 浏览器中不起作用（当我选择日期选项时没有任何反应）。
我在 Chrome 浏览器的“检查元素”控制台中看到以下日志：
daterangepicker.jQuery.js:256Uncaught TypeError: 未定义不是 函数 daterangepicker.jQuery.js:159Uncaught TypeError: 无法调用 未定义 daterangepicker.jQuery.js 的方法“formatDate”：171Uncaught 类型错误：对象 [object Object] 没有方法“datepicker” daterangepicker.jQuery.js:171Uncaught TypeError: 对象 [对象 Object] 没有方法 'datepicker'2 daterangepicker.jQuery.js:159Uncaught TypeError: 无法调用方法 未定义 daterangepicker.jQuery.js 的“formatDate”：171Uncaught 类型错误：对象 [object Object] 没有方法“datepicker” daterangepicker.jQuery.js:171Uncaught TypeError: 对象 [对象 Object] 没有方法 'datepicker'2 daterangepicker.jQuery.js：256Uncaught TypeError：未定义不是 功能
是，如果日期范围选择器插件代码保存在某个文件夹中并且只需打开 index.html （演示代码），则日期选择在 Chrome 上可以正常工作。仅当插件保留在服务器上时我才会看到此问题。
请给出一些提示来解决这个问题。
I am trying to use the Date Range Picker plugin.
This works fine in Firefox browser. The date selection options does not work in Chrome browser (when I select a date option nothing happens).
I see below logs in the Chrome browser's 'Inspect Element' console:
daterangepicker.jQuery.js:256Uncaught TypeError: undefined is not a
function daterangepicker.jQuery.js:159Uncaught TypeError: Cannot call
method 'formatDate' of undefined daterangepicker.jQuery.js:171Uncaught
TypeError: Object [object Object] has no method 'datepicker'
daterangepicker.jQuery.js:171Uncaught TypeError: Object [object
Object] has no method 'datepicker'2
daterangepicker.jQuery.js:159Uncaught TypeError: Cannot call method
'formatDate' of undefined daterangepicker.jQuery.js:171Uncaught
TypeError: Object [object Object] has no method 'datepicker'
daterangepicker.jQuery.js:171Uncaught TypeError: Object [object
Object] has no method 'datepicker'2
daterangepicker.jQuery.js:256Uncaught TypeError: undefined is not a
function
One interesting thing is, date selection works fine on Chrome if the Date Range Picker plugin code is kept in some folder and just open the index.html (demo code). I see this issue only when the plugin is kept on the server.
Please give some hints to fix this.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
事实上，为了使日期选择器功能正常工作，您必须使用 jQuery-UI 以及核心 jQuery 库。当然，您应该确保您拥有正确版本的库。从而使用方法 $.datepicker.formatDate(format, date)你需要 jQuery-UI。
The fact is for a proper work of the datepicker functionality you have to use jQuery-UI along with core jQuery library. And of course you should make sure that you have correct version of the libraries. Thereby to use method $.datepicker.formatDate(format, date) you need jQuery-UI.
我也有同样的问题。我认为这是由 Chrome 的“日期”字段表示以及 Chrome 提供自己的下拉日期选择器这一事实引起的。
我刚刚将输入类型更改为“文本”，现在它工作正常，就像在 Firefox 中一样
I had sort of the same problem. I think it is caused by Chromes representation of "Date" Fields and the fact that chrome provides its own drop-down date picker.
I just changed the type of the input to "text" and it is working smoothly now just like in Firefox