在javascript中使用datepicker更改开始日期时,结束日期不会更改
我正在尝试使用datepicker在javascript中处理开始日期和结束日期。我有jquery2.1.1。我无法更改jQuery版本,因为应用程序中还有其他方法使用此版本。手动单击或更改日期不会更改setStartDate、setEndDate和setDate。如有任何建议、提示或帮助,将不胜感激。下面是我的代码:在javascript中使用datepicker更改开始日期时,结束日期不会更改,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我正在尝试使用datepicker在javascript中处理开始日期和结束日期。我有jquery2.1.1。我无法更改jQuery版本,因为应用程序中还有其他方法使用此版本。手动单击或更改日期不会更改setStartDate、setEndDate和setDate。如有任何建议、提示或帮助,将不胜感激。下面是我的代码: <script> $(document).ready(function () { var curren
<script>
$(document).ready(function () {
var currentDate = new Date();
$('.hasStartDate').datepicker({
autoClose: true,
changeMonth: true,
changeYear: true,
minDate: '-1m',
maxDate: '+3m',
beforeShowDay: $.datepicker.noWeekends
}).on('changeDate', function(e){
$('.hasEndDate').datepicker('option', 'minDate', e.date),
$('.hasEndDate').datepicker('option', 'maxDate', e.date + 364),
$('.hasEndDate').datepicker('setStartDate', e.date),
$('.hasEndDate').datepicker('setEndDate', e.date + 364),
$('.hasEndDate').datepicker('setDate', e.date + 364),
$('.hasEndDate').datepicker('refresh')
});
$('.hasStartDate').datepicker('setDate', currentDate);
var tdate = $('.hasStarDate').datepicker('getDate');
var ddate = tdate + 364;
$('.hasEndDate').datepicker({
autoClose: true,
changeMonth: true,
changeYear: true,
minDate: tdate + 1,
maxDate: ddate,
beforeShowDay: $.datepicker.noWeekends
}).on('changeDate', function(e){
$('.hasStartDate').datepicker('setEndDate', e.date)
});
$('.hasEndDate').datepicker('setDate', ddate);
});
</script>
$(文档).ready(函数(){
var currentDate=新日期();
$('.hasStartDate').datepicker({
自动关闭:是的,
变化月:对,
变化年:是的,
minDate:“-1m”,
最大日期:'+3m',
beforeShowDay:$.datepicker.noWeekends
}).on('changeDate',函数(e){
$('.hasEndDate').datepicker('option','minDate',e.date),
$('.hasEndDate').datepicker('option','maxDate',e.date+364),
$('.hasEndDate').datepicker('setStartDate',e.date),
$('.hasEndDate').datepicker('setEndDate',e.date+364),
$('.hasEndDate').datepicker('setDate',e.date+364),
$('.hasEndDate').datepicker('refresh'))
});
$('.hasStartDate').datepicker('setDate',currentDate);
var tdate=$('.hasStarDate').datepicker('getDate');
var ddate=tdate+364;
$('.hasEndDate').datepicker({
自动关闭:是的,
变化月:对,
变化年:是的,
minDate:tdate+1,
maxDate:ddate,
beforeShowDay:$.datepicker.noWeekends
}).on('changeDate',函数(e){
$('.hasStartDate').datepicker('setEndDate',e.date)
});
$('.hasEndDate').datepicker('setDate',ddate);
});
这应该可以做到。选择日期时,将其拆分为日、月、年,并构造最小和最大日期和
$(文档).ready(函数(){
$('.hasStartDate').datepicker({
日期格式:“年/月/日”,
自动关闭:是的,
变化月:对,
变化年:是的,
minDate:“-1m”,
最大日期:'+3m',
在ShowDay之前:$.datepicker.noWeekends,
onSelect:功能(日期){
var d=拆分日期(“/”);
d=d.map(函数(项){return parseInt(项)});
var mindate=新日期(d[0],d[1]-1,d[2]+1);
var maxdate=新日期(d[0],d[1]-1,d[2]+365);
$('.hasEndDate').datepicker('option','minDate',minDate);
$('.hasEndDate').datepicker('option','maxDate',maxDate);
}
});
$('.hasEndDate').datepicker({
日期格式:“年/月/日”,
自动关闭:是的,
变化月:对,
变化年:是的,
beforeShowDay:$.datepicker.noWeekends
});
});代码>
要添加信息,脚本位于单独的js文件中,并在asp.net文本框中用作CSS。我删除了updatepanel,因为在选择日期后,日期选择器窗口不再显示。谢谢Vignesh。您可以将显示设置为mm/dd/yyyy吗?或者,除非您使用“yy/mm/dd”作为日期格式,否则它将无法工作?