Question

我有一个rails应用程序，它们是一个输入区域，用户单击该文本字段并弹出一个弹出日期选择器，然后选择日期并将其写入text_field。我使用this jquery日期选择器插件，我无法弄清楚的问题是，如果我点击文本字段，日期选择器不会弹出，但是当我将其留空并单击时提交，然后错误显示它必须填写，当我点击它然后它工作，只是把它只弹出我点击提交后得到错误？

带插件的输入字段页面：

<html>
    <head>

    </head>
    <body>
<center><h1> New deadline </h1></center>
<%= simple_form_for(@deadline, url: deadlines_path, html: { class: "form-horizontal"}) do |f| %>
   <%= f.error_notification %>

  <%=f.input :title %>
  <%=f.input :date,  input_html: {:id => "datetimepicker4"}%>
  <%= f.input :description, as: :text, input_html: {rows: "6"} %>


  <div class="form-actions">
    <%= f.button :submit, class: "btn btn-primary" %>
  </div>

<% end %>

<%= link_to "Back", deadlines_path, :class =>'btn btn-primary'  %>

</body>
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.datetimepicker.js"></script>

<script>
$('#datetimepicker4').datetimepicker({
  format:'d.m.Y H:i',
  lang:'ru'
});
$('#image_button').click(function(){
  $('#datetimepicker4').datetimepicker('show'); //support hide,show and destroy command
});
</script>

</html>

Answer 1

我的建议很少

1）首先在<script></script>部分首先包含<head>个标签。 2）由于您需要在DOM完全加载后运行脚本，并且遵循rails标准将下面的代码放在单独的示例.js＆＃39;文件在assets / javascripts文件夹中。 3）使用＆lt;％= javascript_include_tag＆＃34;示例＆＃34;在您的视图代码中包含javascript ％GT; {打电话给javascript}。

4）我不确定但是尝试使用$('#datetimepicker4')更新$('input.datepicker')并尝试更改＆＃39; input_html：{：id =＆gt; ＆＃34; datetimepicker4＆＃34;}＆＃39;到input_html: {:id => "datepicker"}

我提交表单后，日期选择器才会显示？

1 个答案: