Blazor 日期选择器类型周在 iOS 上不起作用

Question

我有 blazor 服务器应用程序，并且我有一个示例输入文本类型 week，它在除苹果设备之外的所有浏览器中都能正常工作，它会将输入视为文本类型！。
这是我的代码：

Dictionary<string, object> typeInput= new Dictionary<string, object> { { "type", "week" } };
private string WeekVal { get; set; }// in the initialize the value it will be come like `WeekVal = $"{Year}-W{Week}";`
<InputText @attributes="typeInput" 
           min="@($"{DateTime.Now.Year}-W{(DateTime.Now.DayOfYear / 7)}")"
           Value="@WeekVal" 
           ValueChanged="@((e) => OnWeekChange(e))"
           ValueExpression="@(() => WeekVal)"
           class="form-control" required />

我的问题，你能帮我解决这个错误吗？

Answer 1

iOS 上的 Safari 不支持输入类型 week。 https://caniuse.com/input-datetime

iOS Safari 部分支持是指不支持周输入类型，也不支持 min、max 或 step 属性。

根据您的目标受众，它也不适用于以下浏览器：Firefox、Desktop Safari。

如果您想拥有一个也适用于 iOS 和其他浏览器的星期选择器，您将不得不求助于基于 Web 的日期选择器，而不是浏览器原生的选择器。