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

Posted 2023-03-27

【中文标题】Blazor 日期选择器类型周在 iOS 上不起作用

【英文标题】：Blazor Date picker type week doesn't work on iOS

【发布时间】：2021-12-17 20:11:33

【问题描述】：

我有 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-WWeek";`
<InputText @attributes="typeInput" 
           min="@($"DateTime.Now.Year-W(DateTime.Now.DayOfYear / 7)")"
           Value="@WeekVal" 
           ValueChanged="@((e) => OnWeekChange(e))"
           ValueExpression="@(() => WeekVal)"
           class="form-control" required />

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

【问题讨论】：

你能发布html渲染吗？例如，WeekVal 是什么，min 可能是一种无法理解的格式

对不起，我无法将手机中的html复制到这里:(，我用手机作为模拟器。你为什么认为min无法理解！

input type="week" 上的 MDN 页面显示 Firefox 和 Safari 不支持这种类型。您应该尝试找到一个日期选择器组件

@PanagiotisKanavos，我认为你是对的，我想创建我的自定义组件。你有什么建议吗？

【参考方案1】：

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

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

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

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

【讨论】：

感谢您的回答，我不谈论 Safari，甚至 Microsoft Edge 也无法在苹果上运行，我需要一周 :(