Javascript 从第一个日期选择器选择日期时,如何在第二个日期选择器中设置日期?
我试图在从第一个日期选择器中选择日期时为日期选择器设置一个日期,并希望在用户选择其他日期时显示一条警告消息。我不能那样做 这是我的密码: 假设一年后在第二个日期选择器中,如何显示日期?如果用户选择一年前或一年后,则会在选择日期时显示警告消息 更新: 是否可以传递参数以设置第二个日期选择器的差异? 例如。 在上图中,如果我从“问题日期选择器”中选择一个日期,并从“持续时间”下拉列表框中选择一个值(例如3),则在“到期日期选择器”中显示从所选日期算起3年后的日期 我提到了一些问题: 我不熟悉JavaScript和JQuery。欢迎任何形式的帮助。提前感谢。检查此答案Javascript 从第一个日期选择器选择日期时,如何在第二个日期选择器中设置日期?,javascript,jquery,date,datepicker,Javascript,Jquery,Date,Datepicker,我试图在从第一个日期选择器中选择日期时为日期选择器设置一个日期,并希望在用户选择其他日期时显示一条警告消息。我不能那样做 这是我的密码: 假设一年后在第二个日期选择器中,如何显示日期?如果用户选择一年前或一年后,则会在选择日期时显示警告消息 更新: 是否可以传递参数以设置第二个日期选择器的差异? 例如。 在上图中,如果我从“问题日期选择器”中选择一个日期,并从“持续时间”下拉列表框中选择一个值(例如3),则在“到期日期选择器”中显示从所选日期算起3年后的日期 我提到了一些问题: 我不熟悉Java
请添加并检查此代码:
$('#ELEdatepicker1').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
var d = new Date(selectedDate);
var day = d.getDate();
var month = d.getMonth();
var year = d.getFullYear() + 1;
var newdate = month + "-" + day + "-" + year;
$( "#ELEdatepicker2" ).datepicker( "option", "minDate", newdate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});
$('#ELEdatepicker2').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
$("#ELEdatepicker2" ).datepicker( "option", "maxDate", selectedDate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});
感谢您的帮助,它显示了一个月前的日期,而那个日期没有突出显示?如何突出显示?如果我将日期格式更改为dd-mm-yy,它会给出错误的输出。我将此日期格式:“yy-mm-dd”更改为日期格式:“dd-mm-yy”,然后它给我的输出是mm dd yy格式。我在同一个答案中添加了突出显示和日期格式的代码。请检查它让我知道它是否工作,或者请验证答案是否工作:在你的答案中,如果我们从当前日期中选择上一个日期,它将不会给出输出。
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="ELEdatepicker1">
<input type="text" id="ELEdatepicker2">
<!-- <input type="text" id="ELEcertDiff"> -->
<script>
$('#ELEdatepicker1').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
var d = new Date(selectedDate);
var year = d.getFullYear() + 1;
var month = d.getMonth();
var day = d.getDate();
var newdate = year + "-" + month + "-" + day;
$( "#ELEdatepicker2" ).datepicker( "option", "minDate", newdate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});
$('#ELEdatepicker2').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
$("#ELEdatepicker2" ).datepicker( "option", "maxDate", selectedDate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});
</script>
$('#ELEdatepicker1').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
var d = new Date(selectedDate);
var day = d.getDate();
var month = d.getMonth();
var year = d.getFullYear() + 1;
var newdate = month + "-" + day + "-" + year;
$( "#ELEdatepicker2" ).datepicker( "option", "minDate", newdate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});
$('#ELEdatepicker2').datepicker({
autoclose: true,
todayHighlight: true,
dateFormat:'dd-mm-yy',
onClose: function( selectedDate ) {
$("#ELEdatepicker2" ).datepicker( "option", "maxDate", selectedDate );
$('.highlight a', $(this).next()).addClass('ui-state-highlight');
}
});