HTML5 输入日期类型

Question

我为一个新页面创建了一个 HTML5 模型，该模型最终将成为一个可编辑的表单，用户可以在其中更新日期字段。在纯 HTML 中，我在模型中有这样的内容：

<input id="startDate" type="date" required runat="server">

在最终版本中，我在 ListView 中有上述内容，日期字段是从数据库中填充的：

    <ItemTemplate>
        <div class="col-sm-6">
            <div class="form-field">
                <label class="rentalLabel">View Start Date</label>
                <input id="viewStartDate" type="date" 
                    required runat="server">
            </div>
        </div>
        ....
    </ItemTemplate>

在类型设置为“日期”的普通 HTML 版本中，当用户关注该字段时，日历会根据需要弹出。但是，当我尝试在 ListView 中填充此字段时，不会出现从数据库中提取的日期，只有“mm/dd/yyyy”和日历。如果我删除 type="date" 属性，我会从数据库中获取日期但会丢失日历？

我想要发生的是让数据库中的日期出现，并且当用户关注该字段以更新日期时弹出日历？有什么解决办法吗？

Answer 1

如果您将 DateTime 值作为 .ToString() 传递，则应遵循日期类型和日历。