时间戳

首页 > 解决方案 > 在焦点丢失时禁用日期选择器文本框转换/验证

c# - 在焦点丢失时禁用日期选择器文本框转换/验证

问题描述

在程序中，我有一个DatePicker允许用户不输入日期的程序。但是，如果用户输入一个日期然后将其删除，则TextBoxinDatePicker会进行某种验证，我想禁用它。此外，如果我在此“验证”之后保存值，则之前输入的日期就是保存的日期。

图片来自 Gyazo

如果没有任何文本，我尝试将日期设置为空，但这不起作用。

private void PART_TextBoxFim_TextChanged(object sender, TextChangedEventArgs e)
{
    if (Dp_DataFim.Text == null)
    {
        Dp_DataFim.SelectedDate = null;
        Dp_DataFim.DisplayDate = DateTime.Today;
    }
}

在页面的类中，我有这个：

public Nullable<DateTime> Prop { get; set; }

日期选择器的 XAML 是这样的：

<DatePicker x:Name="Dp_DataFim" Grid.Row="0" Grid.Column="2" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,250,0,0" FontSize="16" Height="20" Width="230" SelectedDate="{Binding Prop}" IsTodayHighlighted="False" SelectedDateFormat="Short" BorderThickness="0" Padding="0" BorderBrush="{x:Null}" IsTabStop="True" SelectedDateChanged="Dp_DataFim_SelectedDateChanged" Visibility="Hidden">
    <DatePicker.Resources>
        <Style TargetType="{x:Type DatePickerTextBox}">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <TextBox x:Name="PART_TextBox" Text="{Binding Path=SelectedDate, RelativeSource={RelativeSource AncestorType={x:Type DatePicker}}, StringFormat='dd/MM/yyyy HH:mm:ss'}" Background="#FF494949" Foreground="#FFEEEEEE" BorderThickness="0" IsReadOnly="False" TextChanged="PART_TextBoxFim_TextChanged"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DatePicker.Resources>
</DatePicker>

我注意到当这种情况发生时，我得到一个像这样的错误：

System.Windows.Data Error: 7 : ConvertBack cannot convert value '' (type 'String'). BindingExpression:Path=SelectedDate; DataItem='DatePicker' (Name='Dp_DataFim'); target element is 'TextBox' (Name='PART_TextBox'); target property is 'Text' (type 'String') FormatException:'System.FormatException: The string was not recognized as a valid DateTime value.
   em System.DateTimeParse.Parse(String s, DateTimeFormatInfo dtfi, DateTimeStyles styles)
   em System.Convert.ToDateTime(String value, IFormatProvider provider)
   em System.Convert.ChangeType(Object value, Type conversionType, IFormatProvider provider)
   em System.Windows.Data.BindingExpression.ConvertBackHelper(IValueConverter converter, Object value, Type sourceType, Object parameter, CultureInfo culture)'

标签： c#wpfvalidationxamldatepicker

解决方案

SelectedDate将 的属性绑定DatePicker到Nullable<DateTime>源属性。

如果您通过为将其属性绑定到属性的位置创建自定义ControlTemplate来更改日期格式，则可以使用简单的转换器类将空转换为：DatePickerTextBoxTextSelectedDatestringdefault(DateTime?)

public class StringToDateTimeConverter : IValueConverter
{
    private const string DateFormat = "dd/MM/yyyy HH:mm:ss";

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        DateTime? dt = (DateTime?)value;
        return dt.HasValue ? dt.Value.ToString(DateFormat, CultureInfo.InvariantCulture) : string.Empty;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string s = value.ToString();
        if (string.IsNullOrEmpty(s))
            return default(DateTime?);

        DateTime dt;
        return DateTime.TryParseExact(s, DateFormat, CultureInfo.InvariantCulture, DateTimeStyles.None, out dt) ? dt : default(DateTime?);
    }
}

用法：

<DatePicker x:Name="Dp_DataFim" SelectedDate="{Binding MyProp}">
    <DatePicker.Resources>
        <local:StringToDateTimeConverter x:Key="StringToDateTimeConverter" />
        <Style TargetType="{x:Type DatePickerTextBox}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <TextBox x:Name="PART_TextBox" Text="{Binding Path=SelectedDate, 
                                    RelativeSource={RelativeSource AncestorType={x:Type DatePicker}}, 
                                    Converter={StaticResource StringToDateTimeConverter}}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DatePicker.Resources>
</DatePicker>

推荐阅读