feat: add demo, fix clear button of TimeRangePicker.
This commit is contained in:
@@ -1,24 +1,28 @@
|
||||
<UserControl xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:u="https://irihi.tech/ursa"
|
||||
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
|
||||
x:DataType="viewModels:DatePickerDemoViewModel"
|
||||
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
|
||||
x:Class="Ursa.Demo.Pages.DatePickerDemo">
|
||||
<UserControl
|
||||
x:Class="Ursa.Demo.Pages.DatePickerDemo"
|
||||
xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:u="https://irihi.tech/ursa"
|
||||
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
|
||||
d:DesignHeight="450"
|
||||
d:DesignWidth="800"
|
||||
x:DataType="viewModels:DatePickerDemoViewModel"
|
||||
mc:Ignorable="d">
|
||||
<StackPanel Margin="20" HorizontalAlignment="Left">
|
||||
<u:Form>
|
||||
<u:DatePicker Width="200" u:FormItem.Label="_Test"/>
|
||||
<TextBox Width="200" u:FormItem.Label="_West"/>
|
||||
</u:Form>
|
||||
<u:CalendarView DateSelected="CalendarView_OnOnDateSelected" DatePreviewed="CalendarView_OnOnDatePreviewed"/>
|
||||
<TextBlock Text="{Binding #singlePicker.SelectedDate}" ></TextBlock>
|
||||
<u:DatePicker Name="singlePicker" Width="200" Classes="ClearButton" />
|
||||
<u:DateRangePicker Width="300" DisplayFormat="yyyyMMdd" Classes="ClearButton" />
|
||||
|
||||
<TextBlock Text="Binding"></TextBlock>
|
||||
<u:DatePicker Width="200" SelectedDate="{Binding SelectedDate, Mode=TwoWay}"/>
|
||||
<u:DateRangePicker Width="300" SelectedStartDate="{Binding StartDate}" SelectedEndDate="{Binding EndDate}"/>
|
||||
<TextBox Name="format" InnerLeftContent="Display Format" />
|
||||
<TextBlock Text="Default" />
|
||||
<u:DatePicker Width="200" DisplayFormat="{Binding #format.Text}" />
|
||||
<TextBlock Text="Binding" />
|
||||
<u:DatePicker
|
||||
Width="200"
|
||||
DisplayFormat="{Binding #format.Text}"
|
||||
SelectedDate="{Binding SelectedDate, Mode=TwoWay}" />
|
||||
<TextBlock Text="Clear Button" />
|
||||
<u:DatePicker
|
||||
Name="singlePicker"
|
||||
Width="200"
|
||||
Classes="ClearButton" />
|
||||
</StackPanel>
|
||||
</UserControl>
|
||||
</UserControl>
|
||||
@@ -10,14 +10,4 @@ public partial class DatePickerDemo : UserControl
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
|
||||
private void CalendarView_OnOnDateSelected(object? _, CalendarDayButtonEventArgs e)
|
||||
{
|
||||
Debug.WriteLine("Pressed: "+ e.Date?.ToLongDateString());
|
||||
}
|
||||
|
||||
private void CalendarView_OnOnDatePreviewed(object? _, CalendarDayButtonEventArgs e)
|
||||
{
|
||||
Debug.WriteLine("Hovered: "+e.Date?.ToLongDateString());
|
||||
}
|
||||
}
|
||||
37
demo/Ursa.Demo/Pages/DateRangePickerDemo.axaml
Normal file
37
demo/Ursa.Demo/Pages/DateRangePickerDemo.axaml
Normal file
@@ -0,0 +1,37 @@
|
||||
<UserControl
|
||||
x:Class="Ursa.Demo.Pages.DateRangePickerDemo"
|
||||
xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:u="https://irihi.tech/ursa"
|
||||
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
|
||||
d:DesignHeight="450"
|
||||
d:DesignWidth="800"
|
||||
x:DataType="viewModels:DateRangePickerDemoViewModel"
|
||||
mc:Ignorable="d">
|
||||
<StackPanel HorizontalAlignment="Left">
|
||||
<TextBox
|
||||
Name="format"
|
||||
Text="yyyy-MM-dd"
|
||||
Watermark="Display Format" />
|
||||
<TextBlock Text="Default" />
|
||||
<u:DateRangePicker
|
||||
Width="360"
|
||||
DisplayFormat="{Binding #format.Text}"
|
||||
SelectedEndDate="{Binding EndDate}"
|
||||
SelectedStartDate="{Binding StartDate}" />
|
||||
|
||||
<TextBlock Text="Clear Button" />
|
||||
<u:DateRangePicker
|
||||
Width="360"
|
||||
Classes="ClearButton"
|
||||
DisplayFormat="{Binding #format.Text}" />
|
||||
<TextBlock Text="Initialized with Binding" />
|
||||
<u:DateRangePicker
|
||||
Width="360"
|
||||
DisplayFormat="{Binding #format.Text}"
|
||||
SelectedEndDate="{Binding EndDate}"
|
||||
SelectedStartDate="{Binding StartDate}" />
|
||||
</StackPanel>
|
||||
</UserControl>
|
||||
13
demo/Ursa.Demo/Pages/DateRangePickerDemo.axaml.cs
Normal file
13
demo/Ursa.Demo/Pages/DateRangePickerDemo.axaml.cs
Normal file
@@ -0,0 +1,13 @@
|
||||
using Avalonia;
|
||||
using Avalonia.Controls;
|
||||
using Avalonia.Markup.Xaml;
|
||||
|
||||
namespace Ursa.Demo.Pages;
|
||||
|
||||
public partial class DateRangePickerDemo : UserControl
|
||||
{
|
||||
public DateRangePickerDemo()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
||||
@@ -43,10 +43,6 @@
|
||||
InnerRightContent="截止"
|
||||
NeedConfirmation="True"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
<u:TimeRangePicker
|
||||
Width="300"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
|
||||
<TextBlock Text="Binding"/>
|
||||
<u:TimePicker
|
||||
@@ -55,11 +51,5 @@
|
||||
SelectedTime="{Binding Time}"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
<u:TimeRangePicker
|
||||
Width="300"
|
||||
StartTime="{Binding StartTime}"
|
||||
EndTime="{Binding EndTime}"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
</StackPanel>
|
||||
</UserControl>
|
||||
|
||||
44
demo/Ursa.Demo/Pages/TimeRangePickerDemo.axaml
Normal file
44
demo/Ursa.Demo/Pages/TimeRangePickerDemo.axaml
Normal file
@@ -0,0 +1,44 @@
|
||||
<UserControl xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
|
||||
xmlns:u="https://irihi.tech/ursa"
|
||||
mc:Ignorable="d" d:DesignWidth="800"
|
||||
d:DesignHeight="450"
|
||||
x:DataType="viewModels:TimeRangePickerDemoViewModel"
|
||||
x:Class="Ursa.Demo.Pages.TimeRangePickerDemo">
|
||||
<StackPanel HorizontalAlignment="Left">
|
||||
<TextBox
|
||||
Name="displayFormat"
|
||||
Width="300"
|
||||
InnerLeftContent="Display Format"
|
||||
Text="HH:mm:ss" />
|
||||
<TextBox
|
||||
Name="panelFormat"
|
||||
Width="300"
|
||||
InnerLeftContent="Panel Format"
|
||||
Text="tt HH mm ss" />
|
||||
|
||||
<TextBlock Text="Default"/>
|
||||
<u:TimeRangePicker
|
||||
Width="300"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
|
||||
<TextBlock Text="Initialized by Binding"/>
|
||||
<u:TimeRangePicker
|
||||
Width="300"
|
||||
StartTime="{Binding StartTime}"
|
||||
EndTime="{Binding EndTime}"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
|
||||
<TextBlock Text="Clear Button"/>
|
||||
<u:TimeRangePicker
|
||||
Width="300"
|
||||
Classes="ClearButton"
|
||||
DisplayFormat="{Binding #displayFormat.Text}"
|
||||
PanelFormat="{Binding #panelFormat.Text}" />
|
||||
</StackPanel>
|
||||
</UserControl>
|
||||
13
demo/Ursa.Demo/Pages/TimeRangePickerDemo.axaml.cs
Normal file
13
demo/Ursa.Demo/Pages/TimeRangePickerDemo.axaml.cs
Normal file
@@ -0,0 +1,13 @@
|
||||
using Avalonia;
|
||||
using Avalonia.Controls;
|
||||
using Avalonia.Markup.Xaml;
|
||||
|
||||
namespace Ursa.Demo.Pages;
|
||||
|
||||
public partial class TimeRangePickerDemo : UserControl
|
||||
{
|
||||
public TimeRangePickerDemo()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user