Question

我在我的项目中第一次实现了jquery datepicker，我有两个输入字段，它们将日期作为输入，我在jquery中使用了类选择器。我的jquery版本是jquery-1.11.0.js，UI是jquery-ui-1.10.4.custom.js。但是只有一个现场日期选择器正在打开，而且需要很长时间才能打开。

我的HTML代码是

<div>
    <label for="dateFrom" class="desc">
        <fmt:message key="date.from"/>
    </label>
    <input type="text" name="dateFrom" id="dateFrom" class="datepicker" value="" readonly="readonly"  />
</div>

<div>
    <label for="dateTo" class="desc">
        <fmt:message key="date.to"/>
    </label>
    <input type="text" name="dateTo" class="datepicker" id="dateTo" readonly="readonly" value=""/>
</div>

我的Jquery代码是

$(function() {
    $('#dateFrom').click(function() {
        $('#dateFrom').datepicker();
    });

    $('#dateTo').click(function() {
        $('#dateFrom').datepicker();
    });
});

Answer 1

选中 Demo Fiddle

如果您不是所有输入的日期选择器，

$(function() {
    $('input').datepicker();
});

否则，对于 datepicker 类的输入。

$(function() {
    $('.datepicker').datepicker();
});

并且总是在DOM上指定这样的函数，而不是单击目标元素。

Answer 2

代码中可能出错。您尝试在datepicker点击事件中为#dateFrom创建#dateTo。它应该是

 $(function() {
     $('#dateFrom').click(function() {
           $('#dateFrom').datepicker();
             });

     $('#dateTo').click(function() {

            $('#dateTo').datepicker();

        });

    });

或只是

 $(function() {
     $('.datepicker').click(function() {
           $(this).datepicker();
             });

    });

Jquery Datepicker只能处理一个输入字段

2 个答案: