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

时间:2015-05-22 10:51:26

标签: jquery jquery-ui-datepicker

我想在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);         
    }
});

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

使用jQuery-ui datepicker

按预期工作



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);
  }
});

<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;
&#13;
&#13;