Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中使用datepicker更改开始日期时,结束日期不会更改_Javascript_Jquery_Datepicker - Fatal编程技术网

在javascript中使用datepicker更改开始日期时,结束日期不会更改

在javascript中使用datepicker更改开始日期时,结束日期不会更改,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我正在尝试使用datepicker在javascript中处理开始日期和结束日期。我有jquery2.1.1。我无法更改jQuery版本,因为应用程序中还有其他方法使用此版本。手动单击或更改日期不会更改setStartDate、setEndDate和setDate。如有任何建议、提示或帮助,将不胜感激。下面是我的代码: <script> $(document).ready(function () { var curren

我正在尝试使用datepicker在javascript中处理开始日期和结束日期。我有jquery2.1.1。我无法更改jQuery版本,因为应用程序中还有其他方法使用此版本。手动单击或更改日期不会更改setStartDate、setEndDate和setDate。如有任何建议、提示或帮助,将不胜感激。下面是我的代码:

    <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”作为日期格式,否则它将无法工作?