Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

i want to limit the number of days displayed in default view Week. For example, the first 3 days of the week. it will be very good for responsive on mobile #1422

Open
thanhdt2706 opened this issue Oct 3, 2023 · 0 comments

Comments

@thanhdt2706
Copy link

Version

latest

Test Environment

microsoft edge

Current Behavior

I am responsive calendar week view on mobile. I want to show only 3 days because calendar is so small

cal = new Calendar("#calendar-container", {
        defaultView: "week",
        useCreationPopup: useCreationPopup,
        useDetailPopup: useDetailPopup,
        taskView: false,
        scheduleView: ["time"],
        template: {
            milestone: function (model) {
                return (
                    '<span class="calendar-font-icon ic-milestone-b"></span> <span style="background-color: ' +
                    model.bgColor +
                    '">' +
                    model.title +
                    "</span>"
                );
            },
            allday: function (schedule) {
                return getTimeTemplate(schedule, true);
            },
            time: function (schedule) {
                return getTimeTemplate(schedule, false);
            },
        },
    });
    cal.setTheme({
        "week.today.backgroundColor": "transparent",
    });
    cal.setOptions({
        week: {
            startDayOfWeek: 1,
        },
    });

Expected Behavior

please help me support on this case. Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant