Javascript 日期选择器错误

我现在面临一个奇怪的问题。我们正在使用日期选择器，顺便说一句，这太神奇了。但我们遇到了一个奇怪的问题。 日期选择器包含并显示在btstrap模式上，但它仅在第一个模式上返回日期（Ranch.first也是如此）

我的代码：

我的按钮视图=

+
&时代；
选择牧场
&时代；
新任务

我的表格3=

：复选框，标签：false，id:“check”do%>



“日期选择器”，样式：“宽度：10%；边框：实心0.1px”%>
$（'[data Behavior~=datepicker]'）。datepicker({
日期格式：'年-月-日'，
自动关闭：正确
});

---

所以，如果你知道从哪里来的错误，你将是我的英雄

看起来脚本在表单中。。。在页面上重复多次的表单。。。也许代码只需要在页面上出现一次？或者它需要特定于单个表单？（这是一个猜测……不确定它是否能修复bug，但无论如何这可能是个好主意）。旁白：作为Y2K问题的老手。。。请使用

'yyyy-mm-dd'

：）@TarynEast-ahah是的，但如果没有此格式，我无法保存日期。如果我的网络应用能活到2100年，我会感到很荣幸。我会尝试你的解决方案移动脚本，但我仍然有这个愚蠢的错误。但是谢谢你的回答，四位数的年份不仅仅是为了让你的剧本在下个世纪存活下来。。。它还消除了歧义：05-01-06->是2006年1月5日还是2005年1月6日？你的电脑可能知道。。。但是你的客户可能不会…哦，好吧，谢谢你，我会帮你改正的。顺便说一下，您没有任何其他问题，我可以测试我的错误？javascript控制台说什么？是否出现任何错误？看起来脚本在表单中。。。在页面上重复多次的表单。。。也许代码只需要在页面上出现一次？或者它需要特定于单个表单？（这是一个猜测……不确定它是否能修复bug，但无论如何这可能是个好主意）。旁白：作为Y2K问题的老手。。。请使用

'yyyy-mm-dd'

：）@TarynEast-ahah是的，但如果没有此格式，我无法保存日期。如果我的网络应用能活到2100年，我会感到很荣幸。我会尝试你的解决方案移动脚本，但我仍然有这个愚蠢的错误。但是谢谢你的回答，四位数的年份不仅仅是为了让你的剧本在下个世纪存活下来。。。它还消除了歧义：05-01-06->是2006年1月5日还是2005年1月6日？你的电脑可能知道。。。但是你的客户可能不会…哦，好吧，谢谢你，我会帮你改正的。顺便说一下，您没有任何其他问题，我可以测试我的错误？javascript控制台说什么？有没有出现错误？

    <div style= 'z-index: 99; position: fixed;right:5%;  bottom:5%;text-decoration: none;'>
  <div class="add_task_layout" data-toggle='modal' data-target='#MyNewTask1' aria-hidden="true" remote="true">
    +
  </div>
</div>

<!-- Modal New_task_layout1 (click. on Add layout and select a Ranch) -->
  <div id='MyNewTask1' class='modal fade' role='dialog' aria-hidden="true">
    <div class="modal-dialog">
      <div class='content'>

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h3 class="modal-title">Select the ranch</h3>
        </div>

        <div class="modal-body">
          <% current_user.ranches.each do |ranch| %>
            <div class="btn btn-default" data-toggle='modal' data-target='#MyNewTask2<%=ranch.id %>' remote="true" data-dismiss="modal"  >
              <%=ranch.name %>
            </div>

          <%end%>
        </div>

      </div>
    </div>
  </div>
<!-- /Modal New_task_layout1 -->

<!-- Modal New_task_layout2 (click. on the ranch and create the task) -->
<% current_user.ranches.each do |ranch|%>
  <div id='MyNewTask2<%=ranch.id %>' class='modal fade' role='dialog' aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class='content'>

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h3 class="modal-title">New task for <%=ranch.name %></h3>
        </div>

        <div class="modal-body">
          <%= render 'tasks/form3', ranch: ranch %>
        </div>

      </div>
    </div>
  </div>
<%end%>
<!-- /Modal New_task_layout2 -->

<%= simple_form_for([ranch, ranch.tasks.build]) do |f| %>

  <div class="input-group" >

    <%= f.text_field :content, placeholder: "New task", style: "width:50%; border: solid 0.1px" %>

     <div class="col-lg-12">
          <div class="button-group">
            <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span> <span class="caret"></span></button>
            <ul class="dropdown-menu">
              <div class="dropdown_menu_area">
                <%=f.input :staff_ids, :as => :check_boxes, label: false, id:"check" do %>
                  <%=f.collection_check_boxes :staff_ids, ranch.staffs, :id, :name do |b|%>
                    <li class="dropdown_menu_line">
                      <%=b.check_box + b.label%>
                    </li>
                  <%end%>
                <%end%>
              </div>
            </ul>
          </div>
        </div>


    <%= f.text_field :date, 'data-behaviour' => 'datepicker',style: "width: 10%; border: solid 0.1px"  %>
    <div style= "margin: 10px;">
      <%= f.submit%>
    </div>

  </div>


    <script type="text/javascript">
    $('[data-behaviour~=datepicker]').datepicker({
      dateFormat: 'yy-mm-dd',
      autoclose: true
    });
    </script>

<% end %>