javascript - 显示HH :MM in input type time

Question

我正在尝试使用带有以下代码的 html 输入字段:

<td><input style="width: 80px" type="time" placeholder="HH:MM" required="" data-bind="value: FirstManifest"></td>

包含 FirstManifest 属性(DateTime？)的后端 C# 对象已正确填充，但当我将其绑定(bind)到敲击 View 模型时，模型 FirstManifest 中的属性如下所示

"/Date(1464748440000)/"

如何转换它以便我的输入仅显示日期时间格式 HH:MM？

Answer 1

我相信这就是 .NET 序列化 DateTime 的方式。首先需要将其转换为 JavaScript Date，然后获取时间元素，例如

var manifest 
  = new Date(parseInt("/Date(1464748440000)/".replace("/Date(", "").replace(")/",""), 10));

this.FirstManifest = ko.computed(function() {
    return manifest.toLocaleTimeString();
}, this);

您还需要计算的write部分从输入转换回日期以持久保存到服务器。

• JSFiddle https://jsfiddle.net/p02umbqL/