无法将的秒值设置为0

Question

我有一个类，它有一个属性Start，类型为DateTime。

public class ClosedPlatform {

    public DateTime Start;

}

我试图做的是将ClosedPlatform实例的Start属性绑定到datetime local类型的输入。同时，我发现datetime本地输入在默认情况下不显示datetime秒，所以我试图强制它显示Start的秒值。

ClosedPlatform closedPlatform;

...

<input type="datetime-local" step="1" @bind="@closedPlatform.Start" @bind:format="yyyy-MM-ddTHH:mm:ss"/>

我设法设置了输入，使其几乎正常工作。设置step="1"似乎是在线获取日期时间本地输入以显示秒的常见建议，确实如此。然而，我的问题是输入不允许我将秒值设置为0。如果关闭的秒值。在输入元素首次加载之前，start已经是0，那么在输入中正确显示0秒。但是，如果秒值被更改为除0之外的任何值，我不能使用输入控件将其再次设置为0（输入它或使用向上和向下控件都不起作用）。如果开始的秒数值为59，我将其增加1，秒数值在返回59之前的一瞬间显示为0（如果我尝试从1下降到0，也是一样）。而像分钟值这样的东西，我可以在零和非零值之间变化。

所以我想知道是否有一种方法可以获取datetime本地输入，让我输入0作为秒值？我本以为会有更多的人有这个问题，但我在任何地方都找不到任何关于这个问题的讨论。我确实发现datetime local似乎是一种相对较新的输入类型，似乎只有Chrome、Edge和Opera（我使用的是Chrome）才完全支持它，所以这只是一个新功能边缘有点粗糙的问题吗？

Answer 1

首先，引用Mozilla

不支持秒。

这意味着，控件不支持秒，控件将永远不会为秒部分设置值。使用step="1"只有视觉效果。

关于您的代码，要使用日期，您应该从绑定格式中删除秒部分，只需"yyyy-MM-ddTHH： mm"：

<input type="datetime-local"  
       @bind="@closedPlatform.Start" 
       @bind:format="yyyy-MM-ddTHH:mm" step="1"/>

如果要使用秒，则需要使用字符串而不是日期时间（如果需要，可以使用类型转换）：

<h5>String: @datestr</h5>
<h5>DateTime: @(parseString(datestr))</h5>
<input type="datetime-local" @bind="datestr"  step="1" />


@code {                     

  string datestr = "2013-10-24T20:36:00";

  protected DateTime? parseString(string s)
  {
      ... your code to cast string to datetime
  }
}

免责声明不要尝试在生产中使用此功能，不支持秒。某些Internet导航器或设备无法使用此解决方法。

在Blazorfidle试试。