Question

我需要在一个循环中打开Semantic-UI-Calendar但是没有任何效果，它应该是。逻辑是，当我点击data-id="expensecal"时，它会给我id expense_date2或expense_date1，但它会给我id { {1}}：

Rails查看：

input

JavaScript的：

#---Loop----#
<div class="required field">
  <label>Claim date</label>
  <div class="ui calendar" data-id="expensecal" id="expense_date<%= contract.id %>">
    <div class="ui input left icon">
      <i class="calendar icon"></i>
      <%= f.text_field :date, id: "expense_date_input", placeholder: "Expense date" %>
    </div>
  </div>
</div>

我使用此方法在循环中打开semantic modal并且它可以正常运行，但不确定为什么不使用日历。

Answer 1

使用类初始化页面准备好的所有元素，删除click事件

尝试使用以下代码：

$('.ui.calendar').calendar({
    type: 'date'
  });

演示：https://jsbin.com/kenaqiyuqe/1/edit?html,js,output

在循环中打开语义UI日历

1 个答案: