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

How to use more than one date picker on a page

本文关键字：选择器 日期 一个      更新时间：2023-09-26

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

<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的新手，所以谢谢你的帮助。

这是因为您的选择器，即$('.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]" />

您缺少添加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'
    });
相关文章：