How do I make CalendarView automatically scroll to today?

Question

I'm using WinUI3/Windows App SDK 1.3 - XAML/C# My problem is that most UIs today have a de facto "Today" button on their calendar controls. In WASDK/WinUI, the control is called "CalendarView" and works great. Unfortunately, it does not have a "Today" button that when clicked, should scroll the calendar to today's date.

I already have a simple button atop the CalendarView, but looking into the documentations from Microsoft, there's no functionality for what I'm trying to achieve.

Here's the default CalendarView control: Exhibit A

Now here's the calendar with my button: Exhibit B

What I would like to do is when I click on the "Today" button, the calendar will automatically update itself to scroll into today's date. Example, the calendar is currently displaying the month of December 2050, when I click on today button, the calendar should auto-scroll back to the current month, day and year.

Any guidance or tips would be greatly appreciated. Thanks in advance!

Elsayed Abouelkomsan · Accepted Answer · 2023-06-04 17:17:49Z

2

In the C# code, create a function to retrieve the current date and scroll the calendar view to today's date.

private void TodayButton_Click(object sender, RoutedEventArgs e)
{
  // Get the current date
  DateTime today = DateTime.Today;

  // Scroll the CalendarView to today's date
  calendarView.ChangeView(today, null, null);
}

In the XAML code, link the "Today" button to this function.

<Button x:Name="TodayButton" Content="Today" Click="TodayButton_Click" />

answered Jun 4, 2023 at 17:17

Elsayed Abouelkomsan

813 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user21311740 Over a year ago

Hi, the ChangeView method is nowhere to be found in learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/…, however, I found this method learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/… which does the job. I appreciate your help.

Tyler2P · Accepted Answer · 2023-06-06 08:41:46Z

0

https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.calendarview.setdisplaydate?view=windows-app-sdk-1.2#microsoft-ui-xaml-controls-calendarview-setdisplaydate(windows-foundation-datetime)

CalendarView.SetDisplayDate(DateTimeOffset.Now);

edited Jun 6, 2023 at 8:41

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Jun 6, 2023 at 2:59

user21311740

234 bronze badges

1 Comment

Tyler2P Over a year ago

Your answer could be improved by providing an example of the solution and how it solves the problem.

Collectives™ on Stack Overflow

How do I make CalendarView automatically scroll to today?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related