0

我有一个 Rails 应用程序,我想在其中选择出生日期。我想为此使用 jquery-ui datepicker,但不知道如何在我的 rails 应用程序中实现它。

这是我想要的月份和年份菜单选项的屏幕截图,以便更轻松地选择生日。

http://cl.ly/image/46152b372N1b

至于在我的 application.js 文件中以及在我的视图中进行设置,我真的不确定从哪里开始。

现在我的视图/表单看起来像这样

   <%= f.text_field :patient_dob, :id => 'datepicker' %>

这是我的 application.js

$(function() {
  $( "#datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true
  });
});

同样,我希望它是一个带有月份和年份选项的 jquery-ui 日期选择器,以便更轻松地选择生日。

如果有人可以给我一些代码来开始,我将不胜感激。现在,当我单击文本字段时,什么也没有发生。

4

2 回答 2

0
  • 确保在 head html 标记中包含jquery.jsjquery-ui.jsjquery-ui.css 。

  • jQuery 和 jQuery-ui javascript 文件应该只声明一次。您可以通过右键单击您的网页(例如在 chrome 中)并选择查看源代码来检查这一点。此外,在源代码上单击 jquery.js、jquery-ui.js、jquery-ui.css 和 application.js 链接并确保您的代码在其中(如果您没有找到预期的代码,请检查您的路径)。

  • application.js 文件应该在jquery 和 jquery-ui之后声明。

所以你的 <head> 应该是这样的:

<head>
  <meta [your code]>
  <title>[your code]</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <%= javascript_include_tag "application.js" %>
</head>
于 2013-04-13T12:36:02.633 回答
0

经过一番搜索和试验,这段代码对我有用。看来我之前使用的不是对象,或者我把它关错了。

$(function(){
  $('#datepicker').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '1900:2013'      
  });
  $('#datepicker').datepicker('option', 'dateFormat', 'yy-mm-dd');
});
于 2013-04-13T17:07:16.737 回答