Question

我有一个包含两个输入的表单：第一个是日期选择器，第二个是选择选择器，当用户单击日期选择器时，选项会附加选项。这在chrome上运行得很好，但在safari和firefox上都没有。

<div id="datepicker" class="public-holiday-date-pick">
</div>

<select class="form-control" id="appointment_date" name="appointment[date]">
  <option value="">Veuillez chosir une date</option>
</select>

我的jquery代码在这里 JSfiddle

我无法让它在Jsfiddle上运行，但它在我的rails应用程序上使用chrome在环境和生产环境中（但不在safari和firefox上）

我使用jQuery JavaScript Library v2.2.3和jQuery UI Datepicker 1.10.3

如果您有任何提示，感谢您。

Answer 1

    <head>
      <meta charset="UTF-8" />
      <title>Datepicker fadein</title>
      <link  href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
      <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
      <script type="text/javascript">
            $(function(){
                $('.datepicker').datepicker({showAnim: "fadeIn"});
            })
     </script>.

   <body>
     <input class="datepicker">
  </body>

Jquery datepicker仅适用于chrome（Ruby On Rails）

1 个答案: