javascript - 将时间输入设置为数据库中的日期时间

Question

我目前正在通过 API 从数据库检索数据。数据以这种格式返回:

2016-10-12T08:00:00

我想在当前网页上的时间输入字段中显示其中的时间部分，其中包含 AM 和 PM。

我有以下输入:

<input type="time" name="StartTime" class="form-control" />

当对 api 的 ajax 调用成功完成时，我执行以下操作:

$("#group-management #EditGroupModal [name=StartTime]").val(data.startTime);

data.StartTime 当然是上面看到的日期时间文本字符串。

当前不设置页面上输入的时间值。我猜这是因为存在一些格式问题。我想解析上面看到的文本字符串并将其放入前端的表单字段中，但我不确定如何去做。我尝试过使用 Date 对象，但没有运气。

Answer 1

time 输入仅接受时间作为有效值，如 08:00:00

你可以分割你的字符串，并弹出时间

var data = {startTime : "2016-10-12T08:00:00"}

var time = data.startTime.split('T').pop();

$("[name=StartTime]").val(time);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="time" name="StartTime" class="form-control" />