Question

我列出了以下文件。 application.js也正确设置

$('#data_1 .input-group.date').datepicker({
  todayBtn: "linked",
  keyboardNavigation: false,
  forceParse: false,
  calendarWeeks: true,
  autoclose: true
});

<div class="form-group" id="data_1">
  <label class="col-sm-3 control-label">DOB</label>
  <div class="col-sm-6 input-group date">
    <span class="input-group-addon">
      <i class="fa fa-calendar"></i>
    </span>
    <%= f.text_field :dateofbirth,class: 'form-control datepicker', autofocus: true %>
  </div>
</div>

它只提供无法修改的静态选择器。 application.js和application.css由flow设置。在Chrome中它可以工作但不在Firefox中。

Answer 1

可能存在JavaScript兼容性问题。在Firefox中打开Firebug并查看日志，它应该显示任何错误。

我建议使用包含在Rails中的jquery的datepicker： https://jqueryui.com/datepicker/

JqueryUI的代码片段：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>

</body>
</html>

rails中的日期选择器适用于chrome，但不适用于Firefox

1 个答案: