如何在Xamarin.Forms中实现带自动补斜杠的mm/dd/yyyy格式日期输入控件

针对你需要的mm/dd/yyyy格式自动格式化、数字键盘输入及日期验证需求，以下是分平台的具体实现步骤：

1. 共享项目：创建自定义日期输入控件 #

先定义一个继承自Entry的自定义控件，承载跨平台属性与验证逻辑：

using Xamarin.Forms;

namespace YourAppNamespace
{
    public class CustomDateEntry : Entry
    {
        // 绑定属性：标记输入是否有效
        public static readonly BindableProperty IsValidProperty =
            BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(CustomDateEntry), true);

        public bool IsValid
        {
            get => (bool)GetValue(IsValidProperty);
            set => SetValue(IsValidProperty, value);
        }

        // 验证日期格式与合法性
        public bool ValidateDate()
        {
            var inputText = Text?.Replace("/", "") ?? "";
            if (inputText.Length != 8)
            {
                IsValid = false;
                return false;
            }

            if (!int.TryParse(inputText.Substring(0, 2), out int month) || month < 1 || month > 12)
            {
                IsValid = false;
                return false;
            }

            if (!int.TryParse(inputText.Substring(2, 2), out int day) || day < 1)
            {
                IsValid = false;
                return false;
            }

            if (!int.TryParse(inputText.Substring(4, 4), out int year))
            {
                IsValid = false;
                return false;
            }

            // 验证当月最大天数（含闰年处理）
            try
            {
                _ = new DateTime(year, month, day);
                IsValid = true;
                return true;
            }
            catch
            {
                IsValid = false;
                return false;
            }
        }
    }
}

2. Android平台：自定义渲染器 #

创建Android端渲染器，控制数字键盘并实现自动格式化：

using Android.Content;
using YourAppNamespace;
using YourAppNamespace.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(CustomDateEntry), typeof(CustomDateEntryRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomDateEntryRenderer : EntryRenderer
    {
        private string _previousText = "";

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

        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 设置数字键盘
                Control.InputType = Android.Text.InputTypes.ClassNumber;
                Control.TextChanged += Control_TextChanged;
            }
        }

        private void Control_TextChanged(object sender, Android.Text.TextChangedEventArgs e)
        {
            var entry = Element as CustomDateEntry;
            if (entry == null) return;

            var currentText = e.Text.ToString().Replace("/", "");
            // 限制输入仅为数字，长度不超过8
            if (!currentText.All(char.IsDigit) || currentText.Length > 8)
            {
                Control.Text = _previousText;
                return;
            }

            string formattedText = currentText.Length switch
            {
                1 or 2 => currentText,
                3 or 4 => $"{currentText.Substring(0,2)}/{currentText.Substring(2)}",
                >=5 and <=8 => $"{currentText.Substring(0,2)}/{currentText.Substring(2,2)}/{currentText.Substring(4)}",
                _ => ""
            };

            // 避免循环触发TextChanged
            if (formattedText != Control.Text)
            {
                _previousText = formattedText;
                Control.Text = formattedText;
                // 将光标移到末尾
                Control.SetSelection(formattedText.Length);
            }

            // 触发验证
            entry.ValidateDate();
        }

        protected override void Dispose(bool disposing)
        {
            if (Control != null)
            {
                Control.TextChanged -= Control_TextChanged;
            }
            base.Dispose(disposing);
        }
    }
}

3. iOS平台：自定义渲染器 #

iOS端渲染器需处理数字键盘与退格时的格式化修正：

using Foundation;
using YourAppNamespace;
using YourAppNamespace.iOS;
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRenderer(typeof(CustomDateEntry), typeof(CustomDateEntryRenderer))]
namespace YourAppNamespace.iOS
{
    public class CustomDateEntryRenderer : EntryRenderer
    {
        private string _previousText = "";

        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 设置数字键盘
                Control.KeyboardType = UIKeyboardType.NumberPad;
                Control.EditingChanged += Control_EditingChanged;
            }
        }

        private void Control_EditingChanged(object sender, EventArgs e)
        {
            var entry = Element as CustomDateEntry;
            if (entry == null) return;

            var currentText = Control.Text.Replace("/", "");
            // 限制输入仅为数字，长度不超过8
            if (!currentText.All(char.IsDigit) || currentText.Length > 8)
            {
                Control.Text = _previousText;
                return;
            }

            string formattedText = currentText.Length switch
            {
                1 or 2 => currentText,
                3 or 4 => $"{currentText.Substring(0,2)}/{currentText.Substring(2)}",
                >=5 and <=8 => $"{currentText.Substring(0,2)}/{currentText.Substring(2,2)}/{currentText.Substring(4)}",
                _ => ""
            };

            // 处理退格场景：若当前文本更短且上一次文本末尾是斜杠，自动删除前一位数字
            if (formattedText.Length < _previousText.Length && _previousText.EndsWith("/"))
            {
                formattedText = formattedText.Remove(formattedText.Length - 1);
            }

            if (formattedText != Control.Text)
            {
                _previousText = formattedText;
                Control.Text = formattedText;
                // 将光标移到末尾
                Control.SelectedTextRange = Control.GetTextRange(Control.BeginningOfDocument, Control.EndOfDocument);
            }

            // 触发验证
            entry.ValidateDate();
        }

        protected override void Dispose(bool disposing)
        {
            if (Control != null)
            {
                Control.EditingChanged -= Control_EditingChanged;
            }
            base.Dispose(disposing);
        }
    }
}

4. 使用自定义控件 #

在XAML中直接使用CustomDateEntry，可绑定IsValid属性做UI提示（比如红色边框）：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.MainPage">
    <ContentPage.Resources>
        <local:BoolToColorConverter x:Key="BoolToColorConverter" />
    </ContentPage.Resources>

    <StackLayout Padding="20">
        <local:CustomDateEntry Placeholder="mm/dd/yyyy" 
                               x:Name="DateEntry"
                               BorderColor="{Binding Source={x:Reference DateEntry}, Path=IsValid, Converter={StaticResource BoolToColorConverter}}" />
        <!-- 已实现的日历图标按钮 -->
        <Button Text="📅" Clicked="CalendarButton_Clicked" />
    </StackLayout>
</ContentPage>

配套布尔转颜色转换器，用于输入无效时显示红色边框：

using System.Globalization;
using Xamarin.Forms;

namespace YourAppNamespace
{
    public class BoolToColorConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (bool)value ? Color.Default : Color.Red;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

关键说明 #

• 自动格式化逻辑：输入2位月份后自动添加/，输入2位日期后再添加/，最后输入4位年份；
• 验证逻辑：检查月份范围、日期合法性（含闰年2月特殊处理）；
• 两端渲染器均限制输入仅为数字，避免非法字符；
• 处理退格操作时的格式化修正，保证用户操作流畅。

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