Vue.js - Laravel 填充日期时间本地输入字段

Question

我正在尝试填充我的 Vue.js 模板以更新模型

<input type="datetime-local" name="start_time" v-model="start_time">

在填写日期时间字段时遇到问题

start_time: "2020-02-12 22:00:00"

这是我从 api 收到的数据，我直接将它分配给我的 start_time 变量

只是添加到答案

使用格式

'YYYY-MM-DDTHH:mm' 

否则 AM 和 PM 会有问题

Answer 1

根据MDN web docs for datetime-local，格式应为yyyy-mm-ddThh:mm。因此，您需要将数据属性的值更新为：

2020-02-12T22:00

由于您使用了 moment，您可以使用以下格式设置初始日期：

moment(dateString).format('YYYY-MM-DDThh:mm')

将dateString 替换为实际的日期字符串或包含该日期字符串的属性。