日期控件如何配置只能选择周日的数据,其他不可选择

image.png

FineReport 轻舟已过万重山 发布于 2024-3-19 14:31
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
Z4u3z1Lv6专家互助
发布于2024-3-19 14:34

----参考帆软日期控件限定只选周一 控件初始化事件加js

this._createCalendar = function(){

var o = this.options;

var self = this;

if (this.options.need2BuildConfig === true && this.options.data) {

this.options.data.resetStatus(this.createDependencePara4Data());

var data = this.options.data.getData();

if (data[0].data) {

if (data[0].data.startDate) {

var sd = new Date(data[0].data.startDate);

if (!FR.isInvalidDate(sd)) {

o.startDate = FR.date2Str(sd, 'yyyy-MM-dd');

this.std = this._createStartDate(o.startDate, o.format, this.viewMode);

}

}

if (data[0].data.endDate) {

var ed = new Date(data[0].data.endDate);

if (!FR.isInvalidDate(ed)) {

o.endDate = FR.date2Str(ed, 'yyyy-MM-dd');

this.edd = this._createEndDate(o.endDate, o.format, this.viewMode);

}

}

}

this.options.rebuildConfig = false;

}

this.datepicker = new FR.DatePicker({

renderEl: this.$view,

viewMode: this.viewMode,

date: FR.str2Date(this.editComp.val(), o.format),

dateFormat: o.format,

startDate: this.std,

endDate: this.edd,

onDateUpdate:function(){

if ($(':focus').length === 0) {

self.editComp.focus();

}

self.editComp.val(FR.date2Str(this.getValue(), o.format));

self.isValidateInput();

self.fireEvent(FR.Events.AFTEREDIT);

}

});

this.datepicker._loadDateData = function (table, date) {

        if (!date) {

            return;

        }

        var year = date.getFullYear(),

            month = date.getMonth(),

            day = date.getDate();

        var today = new Date(),

            TY = today.getFullYear(),

            TM = today.getMonth(),

            TD = today.getDate();

        this.cache.showYear = year;

        this.cache.showMonth = month;

        var std = this.options.startDate,

            edd = this.options.endDate;

        table.$title.text(Date._MN[month] + ", " + year);

        var nextDay = new Date(date);

        nextDay.setDate(nextDay.getMonthDays() + 1);

        if ((edd && nextDay > edd) || nextDay.getFullYear() > this.CONSTS.MAXYEAR) {

            table.$nextm.addClass('disabled').removeClass('hover').data('disabled', true);

        } else {

            table.$nextm.removeClass('disabled').data('disabled', false);

        }

        var prevDay = new Date(date);

        prevDay.setDate(0);

        if ((std && prevDay < std) || prevDay.getFullYear() < this.CONSTS.MINYEAR) {

            table.$prevm.addClass('disabled').removeClass('hover').data('disabled', true);

        } else {

            table.$prevm.removeClass('disabled').data('disabled', false);

        }

        date.setDate(1);

        var day1 = (date.getDay() - this.CONSTS.FIRSTDAY) % 7;

        date.setDate(0 - day1);

        date.setDate(date.getDate() + 1);

        var $frow = table.find('tbody').children().eq(0);

        for (var i = 0; i < 6; i++) {

            if (!$frow.length) {

                break;

            }

            var $cell = $frow.children().eq(0);

            $cell.addClass('week wn').text(date.getWeekNumber());

            var iday;

            for (var j = 0; j < 7; ++j, date.setDate(iday + 1)) {

                $cell = $cell.next();

                $cell.removeClass().data('nav', this.CONSTS.NAV['day']);

                if (!$cell.length) {

                    break;

                }

                iday = date.getDate();

                $cell.text(iday);

                var current_month = (date.getMonth() == month);

                if (!current_month || j !=5 ) { 

                    $cell.addClass('oday').data('disabled',true);

                    continue;

                }

                var disabled = false;

                if ((std != null && std > date) || (edd != null && edd < date)) {

                    $cell.addClass('day disabled');

                    disabled = true;

                } else {

                    $cell.addClass('day');

                }

                $cell.data('disabled', disabled);

                if (!disabled) {

                    if (current_month && iday == day) {

                        this.cache.selectedDate && this.cache.selectedDate.removeClass('selected');

                        $cell.addClass('selected');

                        this.cache.selectedDate = $cell;

                        this.cache.showDay = iday;

                    }

                    if (date.getFullYear() == TY &&

                        date.getMonth() == TM &&

                        iday == TD) {

                        $cell.addClass('today');

                    }

                    var wday = date.getDay();

                    if ([0, 6].indexOf(wday) != -1) {

                        $cell.addClass("weekend");

                    }

                }

            }

            $frow = $frow.next();

        }

    }

if (FR.Browser.isIE8() && this.$view.css('visibility') == 'hidden') {

this.$view.css("visibility", "visible");

} else {

this.$view.show();

}

$(document).bind('mousedown', this, this.collapseIf);

this.modifyPosition();

var tr = $('tbody>tr',this.datepicker.$datetable);

for( var i=0; i<tr.length; i++ ){

var $days = $('td[class!="week wn"]',tr[i]);

for( var j=0; j<$days.length; j++ ){

var $day = $($days[j]);

if( 1 != j && !$day.hasClass('oday')){ 

$day.data("disabled",true);

$day.attr('class','oday');

}

}

}

}

最佳回答
0
用户k6280494Lv6资深互助
发布于2024-3-19 14:33(编辑于 2024-3-19 14:34)

https://bbs.fanruan.com/wenda/question/79122.html 参考这个帖子吧,非常麻烦

最佳回答
0
CD20160914Lv8专家互助
发布于2024-3-19 14:34(编辑于 2024-3-19 14:36)

这玩意我认为你改js去对控件限制,还不如自己把数据处理了,只返回周日的数据放在表中,这样用户不管如何查询,也不会有非周日的数据呀,而且你处理了数据不是更灵活

(结果自己建立一个日期维度表,再关联业务数据,想怎么组合查询数据都可以的,不要去乱改日期控件了,需求一变你js又不会改了。日期维度表可以灵活的组件!!)

最佳回答
0
华莉星宸Lv7资深互助
发布于2024-3-19 14:38

单独建表,把所有的周日日期存进去

用一个下拉框筛选不是更简单啊

  • 4关注人数
  • 581浏览人数
  • 最后回答于:2024-3-19 14:38
    请选择关闭问题的原因
    确定 取消
    返回顶部