输入 type="date"，显示周数答案

【问题标题】：input type="date", displaying week number输入 type="date"，显示周数
【发布时间】：2018-07-23 07:07:00
【问题描述】：

我有一个日期选择器，用于选择特定日期。在这个日期选择器中，我想将周数显示为单独的列 - 不一定是可选值，而只是为了了解您的日期位于哪一周。

<input type="week">

... 不太合适，因为我需要能够选择一个特定的日期，而不仅仅是一周。事实上，我从来不需要选择一个星期数，我只需要在日历中显示它。

对此有什么建议吗？

【问题讨论】：

我需要做同样的事情你有什么运气吗？
Blazor InputDate 使用原生 html 输入 type="date" 所以你看到的选择日期的 UI 是建立在浏览器显示控件的方式上，MDN 有一些细节：developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date 创建这样一个我认为控制并非不可能，至少 Syncfusion 解决了这个问题。但我似乎无法检查弹出控件的 DOM 吗？

标签： html date calendar

【解决方案1】：

我尝试了这个解决方案，它对我很有效，如果您发现错误或有注释，请告诉我更正解决方案！

//Code behind
private string WeekVal {get; set;}
private Dictionary<string,object> dic {get; set;} = new 
   Dictionary<string,object> {{"type","week"}};
protected override void OnInitialized()
 {
   var year= DataTime.Now.Year;
   var week= DataTime.Now.DayOfYear / 7;
   WeekVal= $"{year}-W{week}";
 }
 //Blazor page
 <inputText @attribute="dic" @bind-Value="WeekVal" />

Safari and Firefox don't support it on desktop, and old versions of IE don't support it.read more

【讨论】：