为什么日期选择器不能在同一页面上的2个文本框上工作

Why datepicker is not working on 2 textboxes on the same page

本文关键字：2个 文本 工作 一页 选择器 日期 不能 为什么      更新时间：2023-09-26
$(function() {
  $("#date1 , #date2").datepicker({
    readonly_element: false,
    dateFormat: 'Y-m-d'
  });
});

试试这个代码

$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker();
});
https://jsfiddle.net/dave17/squ5p6ak/

希望对大家有帮助

你应该使用类而不是id如果你想为多个文本框使用日期拾取器，像这样-

$(function() {
  $(".date").datepicker();
});

并在两个文本框上使用-

<input type="text" name="textboxt1" class="date">
<input type="text" name="textboxt2" class="date">

注 -这种方法将帮助您获得日期拾取器到任意数量的文本框，而无需为每个文本框分配不同的ID，通过在每个文本框上使用相同的类。

这是一个JsFiddle

<script language="javascript">
    $('.datetxt').datepicker({
        readonly_element: false,
        dateFormat: 'Y-m-d'
    });
    $('#datepicker_example1').Zebra_DatePicker({
        readonly_element: false,
        format: 'd-m-Y'
    });
</script>
相关文章：