DateTimePicker.MAUI 1.0.0

DateTimePicker.MAUI

一个可按您喜欢的任何方式定制的 MAUI 日期时间选择器。

您可以为其所有组件定义样式

    public Style BorderStyle;
    public Style SpinnerSelectionBorderStyle;
    public Style LabelStyle;
    public Style DaySpinnerStyle;
    public Style MonthSpinnerStyle;
    public Style YearSpinnerStyle;
    public Style HourSpinnerStyle;
    public Style MinuteSpinnerStyle;
    public Style SecondSpinnerStyle;
    public Style TimeSpinnerStyle;
    public Style SpinnerItemStyle;
    public Style SeparatorLabelStyle;
    public Style CalendarStyle;
...

You could choose between the diferents picker layouts:

    CenterSpinner
    DownSpinner
    UpSpinner
    CenterCalendar
    DownCalendar
    UpCalendar
    CenterCalendarAndSpinner
    DownCalendarAndSpinner
    UpCalendarAndSpinner

Set the Date and Time formats:
    DMY
    MDY
    YMD
    YDM

    TwentyFourHours
    TwelveHours

And a lot of more properties.

#### Create a DateTimePicker in your code
```C#
using DateTimePicker.MAUI;

...

public DateTimePicker MyDateTime { get; set; } = new DateTimePicker();

...

MyDateTime.SelectionChanged += MyDateTime_SelectionChanged;

...

    private void MyDateTime_SelectionChanged(object sender, EventArgs e)
    {
        Debug.WriteLine($"Selected datetime = {MyDateTime.SelectedDateTime}");
    }

将以下 xmlns 添加到您的页面或视图中

xmlns:dtp="clr-namespace:DateTimePicker.MAUI;assembly=DateTimePicker.MAUI"

在您的 xaml 中使用并自定义 DateTimePicker

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:dtp="clr-namespace:DateTimePicker.MAUI;assembly=DateTimePicker.MAUI"
             xmlns:cc="clr-namespace:CalendarView.MAUI;assembly=CalendarView.MAUI"
             x:Class="DatetimePicker.MAUI.Test.MainPage">
    <ContentPage.Resources>
        <Style TargetType="cc:CalendarView" x:Key="CalendarMonthStyle">
            <Setter Property="WidthRequest" Value="220"/>
            <Setter Property="HeightRequest" Value="220"/>
            <Setter Property="FirstDayOfWeekStyle">
                <Setter.Value>
                    <Style TargetType="cc:CalendarDayView">
                        <Setter Property="DayColor" Value="Red"/>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="BorderStyle">
                <Setter.Value>
                    <Style TargetType="Border">
                        <Setter Property="StrokeThickness" Value="0"/>
                    </Style>
                </Setter.Value>
            </Setter>
        </Style>
    </ContentPage.Resources>
    <Grid HorizontalOptions="Fill" VerticalOptions="Fill">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <dtp:DateTimePicker x:Name="dtpicker1" Grid.Row="0" HorizontalOptions="Center" VerticalOptions="Center"
                            EditHeight="310" NoEditHeight="50" EditWidth="230" NoEditWidth="190" ShowDaySpinner="False" UseAnimation="True" CalendarStyle="{StaticResource Key=CalendarMonthStyle}"
                            ShowMonthSpinner="False" ShowYearSpinner="False" PickerType="CenterCalendarAndSpinner" InputTimeFormat="TwelveHours" DateTimeFormat="MM/dd/yyyy hh:mm:ss"/>
        <dtp:DateTimePicker x:Name="dtpicker2" Grid.Row="1" HorizontalOptions="Start" VerticalOptions="Start" PickerType="UpCalendar" InputDateFormat="MDY" DateTimeFormat="MM/dd/yyyy"/>
    </Grid>

</ContentPage>