jquery - 使用表单选择日期jquery

Question

我只是希望能够使用 jquery 使用表单选择 3 个不同的日期，并通过 post 发送它们的值。

这是我的代码:

<form action="#" method="post">
    Date <input type="text" id="datepicker" name="date1" />
    or <input type="text" id="datepicker" name="date2" />
    to <input type="text" id="datepicker" name="date3" />
</form>
<input style="height: 10px; display: table-cell; vertical-align: middle; line-height: 0;" name="maquinas" type="submit" value="visualizar" />
<input name="inicio" type="submit" value="INICIO" /> 
<input name="articulos" type="submit" value="ARTÍCULOS" /> 
<input name="averias" type="submit" value="AVERÍAS" />
</form>

问题是在我的浏览器上我只能使用日期选择器选择一个日期。

Answer 1

As per the Web Strategy you have to use only 1 ID per page since the ID is the Unique Element.

使用下面提供的代码。

<form action="#" method="post"> Date <input type="text" id="date1" name="date1" /> or <input type="text" id="date2" name="date2" /> to <input type="text" id="date3" name="date3" /></form> <input style="height: 10px; display: table-cell; vertical-align: middle; line-height: 0;" name="maquinas" type="submit" value="visualizar" /> <input name="inicio" type="submit" value="INICIO" /> <input name="articulos" type="submit" value="ARTÍCULOS" /> <input name="averias" type="submit" value="AVERÍAS" /> </form>

<script type="text/javascript"> $(document).ready(function(){ $('#date1').datepicker(); $('#date2').datepicker(); $('#date3').datepicker(); }); </script>