Xamarin Form提交按钮点击后重置DatePicker值的问题

问题根源 #

• 仅清空了Android原生EditText的文本，但未重置Xamarin Forms DatePicker的Date属性，导致弹窗仍显示旧日期
• 占位符直接用Control.Text设置，而非EditText的Hint属性，清空文本后无法自动恢复占位符显示
• 自定义控件的BindableProperty定义错误，属性与绑定属性名称不匹配

修复步骤 #

1. 修正自定义BirthdayDatePickerControl #

调整绑定属性定义，在清空方法中直接重置Date属性，同时保留事件通知渲染层：

public class BirthdayDatePickerControl : DatePicker
{
    // 修正绑定属性与属性名匹配
    public static readonly BindableProperty PlaceholderProperty = BindableProperty.Create(
        propertyName: nameof(Placeholder),
        returnType: typeof(string),
        declaringType: typeof(BirthdayDatePickerControl),
        defaultValue: "Birth Date");

    public string Placeholder
    {
        get => (string)GetValue(PlaceholderProperty);
        set => SetValue(PlaceholderProperty, value);
    }

    public void Clear()
    {
        // 重置为当日日期
        Date = DateTime.Today;
        // 通知渲染层更新显示
        ClearRequested?.Invoke(this, EventArgs.Empty);
    }

    public event EventHandler ClearRequested;
}

2. 修复Android平台渲染器 #

改用Hint属性实现占位符，根据Date属性状态切换显示内容，同时处理属性变化监听：

[assembly: ExportRenderer(typeof(BirthdayDatePickerControl), typeof(BirthdayDatePickerRenderer))]
public class BirthdayDatePickerRenderer : DatePickerRenderer
{
    private BirthdayDatePickerControl _element;
    private EditText _editText;

    public BirthdayDatePickerRenderer(Context context) : base(context)
    {
    }

    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.DatePicker> e)
    {
        base.OnElementChanged(e);

        // 移除旧元素事件绑定
        if (e.OldElement != null)
        {
            ((BirthdayDatePickerControl)e.OldElement).ClearRequested -= OnClearRequested;
            ((BirthdayDatePickerControl)e.OldElement).PropertyChanged -= OnElementPropertyChanged;
        }

        if (e.NewElement != null)
        {
            _element = (BirthdayDatePickerControl)e.NewElement;
            _editText = Control as EditText;

            // 设置占位符为Hint
            _editText.Hint = _element.Placeholder;
            // 初始化显示状态
            UpdateEditTextDisplay();

            // 绑定事件
            _element.ClearRequested += OnClearRequested;
            _element.PropertyChanged += OnElementPropertyChanged;
        }
    }

    private void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        // 监听Date属性变化，更新显示
        if (e.PropertyName == DatePicker.DateProperty.PropertyName)
        {
            UpdateEditTextDisplay();
        }
    }

    private void OnClearRequested(object sender, EventArgs e)
    {
        UpdateEditTextDisplay();
    }

    // 根据Date值切换显示占位符或日期文本
    private void UpdateEditTextDisplay()
    {
        if (_element.Date == DateTime.Today)
        {
            _editText.Text = string.Empty;
            _editText.SetHintTextColor(Android.Graphics.Color.Gray);
        }
        else
        {
            _editText.Text = _element.Date.ToString(_element.Format);
        }
    }

    protected override void Dispose(bool disposing)
    {
        if (disposing && _element != null)
        {
            _element.ClearRequested -= OnClearRequested;
            _element.PropertyChanged -= OnElementPropertyChanged;
        }
        base.Dispose(disposing);
    }
}

3. 修改ClearData方法 #

调用修正后的Clear方法：

public void ClearData()
{
    entryField_DateOfBirth.Clear();
}

效果验证 #

• 执行ClearData后，DatePicker的选中日期自动重置为当日
• 输入框恢复显示"Birth Date"占位符
• 再次点击日期选择器时，弹窗默认选中当日日期

内容的提问来源于stack exchange，提问作者helloFriend