Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.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 更改范围日期选择器(jquery)_Javascript_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

Javascript 更改范围日期选择器(jquery)

Javascript 更改范围日期选择器(jquery),javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,我有一个关于jquery.ui日期选择器的问题。 我有一个项目,本周从周五开始 我对此没有问题 问题是datepicker找不到方法来选择我从星期五开始的几个星期,以及选择默认的星期四单击该周的任意位置 总之: 本周从周四开始。 本周的选择从星期四开始 OnSelect自动切换到所选的星期四。 你能帮忙吗 我的代码: $(function() { var startDate; var endDate; var selectCurrentWeek = function() { windo

我有一个关于jquery.ui日期选择器的问题。 我有一个项目,本周从周五开始

我对此没有问题

问题是datepicker找不到方法来选择我从星期五开始的几个星期,以及选择默认的星期四单击该周的任意位置

总之:

本周从周四开始。 本周的选择从星期四开始 OnSelect自动切换到所选的星期四。 你能帮忙吗

我的代码:

$(function() {
var startDate;
var endDate;

var selectCurrentWeek = function() {
    window.setTimeout(function () {
        $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active')
    }, 1);
}

$('.week-picker').datepicker( {
    showOtherMonths: true,
    selectOtherMonths: true,
    firstDay: 5,
    dateFormat: "dd/mm/yy",
    maxDate : "+0",
    onSelect: function(dateText, inst) { 
        var date = $(this).datepicker('getDate');
        startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay());
        endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 6);
        var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat;
        $('#startDate').text($.datepicker.formatDate( dateFormat, startDate, inst.settings ));
        $('#endDate').text($.datepicker.formatDate( dateFormat, endDate, inst.settings ));

        selectCurrentWeek();

         //window.location = '<?php echo HTTP_URI; ?>ranking/week?day=' + dateText + '';
    },
    beforeShowDay: function(date) {
        var cssClass = '';
        if(date >= startDate && date <= endDate)
            cssClass = 'ui-datepicker-current-day';
        return [true, cssClass];
    },
    onChangeMonthYear: function(year, month, inst) {
        selectCurrentWeek();
    }
});

$('.week-picker .ui-datepicker-calendar tr').live('mousemove', function() { $(this).find('td a').addClass('ui-state-hover'); });
$('.week-picker .ui-datepicker-calendar tr').live('mouseleave', function() { $(this).find('td a').removeClass('ui-state-hover'); });

})

是的!我找到了自己的解决办法。 我的代码


})

我有一个项目,本周从周五开始。。。总之,本周从周四开始什么啊!对不起,终于周五开始了;
$(function() {

var selectCurrentWeek = function(callback) {
   window.setTimeout(function () {
       $(".week-picker").find("a.ui-state-active").parents("tr").find("a.ui-state-default").each(function(key, node) {
          $(this).addClass("ui-state-active");
        });
         callback();
      }, 1);
}

$('.week-picker').datepicker( {
    showOtherMonths: true,
    selectOtherMonths: true,
    firstDay: 5,
    dateFormat: "dd/mm/yy",
    maxDate : "+0",
    onSelect: function(dateText, inst) { 

          selectCurrentWeek(function() {

              var startDayy = $(".week-picker").find("a.ui-state-active").eq(0);
              var EndDayy = $(".week-picker").find("a.ui-state-active").eq(6);

              var startDay = startDayy.text();
              var EndDay= EndDayy.text();
              var monthStart = startDayy.parent().attr('data-month');
              var monthEnd= EndDayy.parent().attr('data-month');
              var yearStart = startDayy.parent().attr('data-year');
              var yearEnd = EndDayy.parent().attr('data-year');

              if(monthStart < 10){ monthStart = '0'+monthStart; } 
              if(monthEnd < 10){ monthEnd = '0'+monthEnd; } 

              var CompleteStartDay = startDay +'/'+ monthStart +'/'+yearStart;
              var CompleteEndDay = EndDay +'/'+ monthEnd +'/'+yearEnd;

              $('#startDate').text(CompleteStartDay);
              $('#endDate').text(CompleteEndDay);

             //window.location = '<?php echo HTTP_URI; ?>ranking/week?day=' + CompleteStartDay + '';

          });

    }

});