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

Question

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

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中的部分支持是指不支持周输入类型，也不支持最小、最大或步长属性。

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

如果你想有一个同样适用于iOS和其他浏览器的周选择器，你必须使用基于网络的日期选择器，而不是浏览器原生的日期选择器。