我需要jQuery daterangepicker的帮助。我试图触发一次点击，并在调用daterangepicker时选择startDate。在那个whille之后，我将手动点击它将被视为enddate的未来日期，并设置daterangepicker的日期范围。但我无法做到这一点。
HTML的
<html>
<head>
<title>Test datepicker</title>
<script type="text/javascript" src="assets/js/jquery.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
</head>
<body>
<div class="from">
<div class="panel">
<p>From Date</p>
<input type="textbox" name="from" id="from">
</div>
<div class="panel">
<p>To Date</p>
<input type="textbox" name="to" id="to">
</div>
</div>
</body>
</html>
JS代码是 -
<script type="text/javascript">
var toval = '';
$(document).ready(function(){
$('#from').daterangepicker({
"showDropdowns": true,
"singleDatePicker": true
});
$("#from").change(function(){
$('#from').css('color','#000');
var from = $("#from").val();
if(toval=='') {
$('#to').daterangepicker({
"showDropdowns": true,
"autoApply": true,
"startDate": from,
"endDate": from
});
} else {
$('#to').daterangepicker({
"showDropdowns": true,
"autoApply": true,
"startDate": from,
"endDate": from+" - "+toval
});
}
$('#to').css('color','#fff');
$(".right").hide();
});
$("#to").change(function(){
toval = $("#to").val();
toval = toval.split(" - ");
var frm = toval[0];
toval = toval[1];
$('#to').val(toval);
$('#from').val(frm);
$('#to').css('color','#000');
});
if(toval=='') {
var from = $("#from").val();
$('#to').daterangepicker({
"showDropdowns": true,
"autoApply": true,
"startDate": from,
"endDate": from
});
} else {
$('#to').daterangepicker({
"showDropdowns": true,
"autoApply": true,
"startDate": from,
"endDate": from+" - "+toval
});
}
$('#to').css('color','#fff');
$('#from').css('color','#fff');
$(".right").hide();
});
</script>
请帮我解决这个问题。
您应该首先在脚本包含的顶部添加对JQuery的引用，因为它的工作方式就像您说的那样：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>