Skip to content

Calendar

meisam alifallahi edited this page Mar 28, 2022 · 1 revision

Simple Calendar

<Calendar @bind-Date="_dateTime"/>
@code
{
   DateTime _dateTime =DateTime.Now;
}

1

Simple Calendar RenderToday=false

<Calendar @bind-Date="_dateTime" RenderToday="false"/>
@code
{
   DateTime _dateTime =DateTime.Now;
}

2

Customise Function

<Calendar @bind-Date="_dateTime" RenderToday="false" GetItemConfigMethod="GetItemConfigMethod" />
@code
{
   DateTime _dateTime =DateTime.Now;
   private DateItemConfig GetItemConfigMethod(DateTime arg1, DateItemConfig arg2)
   {
     if(arg1.Day is > 12 and < 15)
        return arg2 with{BackgroundColor = "red"};
     return arg2;
   }
}

3

Clone this wiki locally