Javascript 使用ReactJS的Weekpicker

Javascript 使用ReactJS的Weekpicker,javascript,jquery,reactjs,datepicker,Javascript,Jquery,Reactjs,Datepicker,我很难使用创建“周选择器” 我在网上搜索时发现了堆栈溢出。下面是答案的答案 var startDate; var endDate; var selectCurrentWeek = function() { window.setTimeout(function () { $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active') }, 1); } $('.w

我很难使用创建“周选择器”

我在网上搜索时发现了堆栈溢出。下面是答案的答案

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,
    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();
    },
    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'); });
var起始日期;
var结束日期;
var selectCurrentWeek=函数(){
setTimeout(函数(){
$('.week picker').find('.ui datepicker当前日期a').addClass('ui-state-active'))
}, 1);
}
$('.week picker')。日期选择器({
showOtherMonths:是的,
选择OtherMonths:true,
onSelect:function(dateText,inst){
var date=$(this.datepicker('getDate');
startDate=新日期(Date.getFullYear(),Date.getMonth(),Date.getDate()-Date.getDay());
endDate=新日期(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));
选择CurrentWeek();
},
beforeShowDay:功能(日期){
var cssClass='';

如果(date>=startDate&&date,我的意思是他们似乎有一些关于如何使用它的很好的文档。你不理解什么?你尝试了什么?