为什么datepicker不在同一页面上的2个文本框上工作

时间:2016-06-28 09:36:32

标签: javascript

$(function() {
  $("#date1 , #date2").datepicker({
    readonly_element: false,
    dateFormat: 'Y-m-d'
  });
});

3 个答案:

答案 0 :(得分:0)

如果你想将datepicker用于多个文本框,你应该使用而不是 id ,如下所示 -

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

并在两个文本框中使用它 -

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

注意 - 此方法可以帮助您将datepicker添加到任意数量的文本框,而无需为每个文本框分配不同的ID,方法是在每个文本框中使用相同的类。

这是JsFiddle

答案 1 :(得分:0)

试试这段代码

$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker();
});

https://jsfiddle.net/dave17/squ5p6ak/

我希望它会有所帮助

答案 2 :(得分:0)

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