从数据库将时间输入设置为日期时间

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" />

Answer 2

使用http://momentjs.com/

$(()=>{
  
 $('#StartTime').val(moment('2016-10-12T08:00:00').format('HH:mm:ss'));
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://momentjs.com/downloads/moment.js"></script>

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

Answer 3

可能是这样的？：

var date = new Date('2016-10-12T08:00:00'); // replace the hardcoded time with your return value from Ajax call
$("#group-management #EditGroupModal [name=StartTime]").val(date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds());