jquery ui datepicker在我的rails应用程序中不起作用

Posted

技术标签:

【中文标题】jquery ui datepicker在我的rails应用程序中不起作用【英文标题】:jquery ui datepicker not working in my rails app 【发布时间】:2015-01-17 05:45:43 【问题描述】:

我在我的 rails 应用程序中使用 jquery ui datepicker 来选择日期。当我直接在视图页面中提供 javascript 和样式表链接引用时,datepicker 正在工作。当我输入 application.html.erb 文件时,它不起作用..

我的应用程序.js

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-datepicker

我的应用程序.css

*= require jquery-ui-1.8.21.custom.css
*= require mystyle.css

我的 application.html.erb

    <!DOCTYPE html>
    <html>
    <head>
      <title>Application</title>
        <%= stylesheet_link_tag    'application', media: 'all' %>
        <%= javascript_include_tag 'application'  %>
        <%= javascript_include_tag "highcharts", "chartkick" %>  
        <%= csrf_meta_tags %>
    </head>
 <script>
$(function() 
$( "#datepicker" ).datepicker();
);
</script>

查看:

 Entrydate<input type="text" id="datepicker">

【问题讨论】:

你的控制台说什么? 如果有任何错误,首先检查开发者控制台。如果显示任何错误,然后返回屏幕截图! 控制台没有错误。@Tomanow 尝试在 javascript 文件之前加载 CSS 文件 如何在javascript之前加载CSS..? @rejnev 【参考方案1】:

您将它与 Bootstrap 日期选择器混淆了。按照 https://github.com/joliss/jquery-ui-rails 的 gem 文档继续使用 jQuery UI DatePicker

【讨论】:

以上是关于jquery ui datepicker在我的rails应用程序中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 npm jquery-ui-datepicker-with-i18n 导入 laravel?

使用 jquery 验证和 jquery-ui datepicker

jquery UI datepicker透明背景

jquery ui datepicker字体大小很大

jQuery ui datepicker 与 bootstrap datepicker 冲突

jQuery UI Datepicker - 如何动态禁用特定日期