Question

我想在jquery datepicker中触发一个事件，但是当我选择一个特定日期时，它没有被触发。

这是我的验证日期和日期的代码，我应该怎样做才能激活此功能？

$("#fromDate").datepicker({            
    numberOfMonths: 1,
    onselect: function (selected) {
        alert("hello");
        var dt = new Date(selected);
        dt.setDate(dt.getDate() + 1);
        $("#toDate").datepicker("option", "minDate", dt);
    }
});

$("#toDate").datepicker({
    numberOfMonths: 1,
    onselect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() - 1);
        $("#fromDate").datepicker("option", "maxDate", dt);         
    }
});

Answer 1

您必须正确编写该功能。它是onSelect，大写'S'

Answer 2

使用jQuery-ui datepicker

按预期工作

＆＃13;

var $from = $("#fromDate"),
  $to = $("#toDate");
$from.datepicker({
  numberOfMonths: 1,
  onSelect: function(selected) {
    alert("hello");
    var dt = new Date(selected);
    dt.setDate(dt.getDate() + 1);
    $to.datepicker("option", "minDate", dt);
  }
});

$to.datepicker({
  numberOfMonths: 1,
  onSelect: function(selected) {
    var dt = new Date(selected);
    dt.setDate(dt.getDate() - 1);
    $from.datepicker("option", "maxDate", dt);
  }
});

＆＃13;

<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<input type="text" id="fromDate" />
<input type="text" id="toDate" />

＆＃13;

如何在Struts中触发jquery datepicker函数？

2 个答案: