Question

我正在尝试将两个日期选择器添加到我的表单中，但是甚至无法使一个选择器正确显示。这是我找到的代码。谢谢你的帮助。

<script type="text/javascript">
    $('.datetime').datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: 'h:m'
    });
</script>

这是我的HTML

<tr>
  <td><input type="text" name="expiration_date" class="" id="datepicker[0]" /></td>
  <td><input type="text" name="action_date" class="" id="datepicker[1]" /></td>
</tr>

我是javascript的新手，所以感谢您的帮助。

Answer 1

那是因为您的选择器$('.datetime')正在寻找具有datetime类集的所有元素（其中没有）。您的所有输入都有class=""，为此，您需要将这些更改为class="datetime"，即

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" />
<input type="text" name="action_date" class="datetime" id="datepicker[1]" />

Answer 2

您缺少添加 class name

<input type="text" name="expiration_date" class="" id="datepicker[0]" />

添加

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" />
<input type="text" name="expiration_date" class="datetime" id="datepicker[1]" />

或者您甚至可以执行此操作 id

$("input[id^='datepicker']").datetimepicker({ //looks for id starting with datepicker
        dateFormat: 'yy-mm-dd',
        timeFormat: 'h:m'
    });

如何在页面上使用多个日期选择器

2 个答案: