将字符串(2024-10-14 09:52:55.433)数值赋值给 <input type="datetime-local" name="duration" style="width: 15%" placeholder="请选择广告位持续时间" />控件的案例
时间: 2024-10-16 16:05:54 浏览: 41
在HTML中,`<input type="datetime-local">`是一个用于输入日期和时间的表单元素,但它的值通常是用户直接选择的,而不是通过JavaScript动态赋值。如果你想将特定的时间字符串转换成这种格式并设置到这个控件中,你可以使用JavaScript或者相关的库如jQuery。
下面是一个简单的JavaScript示例:
```javascript
var dateTimeString = "2024-10-14 09:52:55.433";
// 使用Date对象创建一个新的日期时间实例,然后格式化为浏览器可以接受的格式
var dateTimeObj = new Date(dateTimeString.replace("-", "/").replace(" ", "T") + "Z");
var inputElement = document.querySelector('input[name="duration"]');
// 设置控件的值
inputElement.value = dateTimeObj.toISOString().slice(0, 19).replace("T", " "); // 注意这里去掉毫秒部分并替换回短横线
```
在这个例子中,我们假设你已经找到了`name="duration"`的输入字段。`toISOString()`返回的是ISO 8601标准的日期时间字符串,我们需要调整一下格式以便于展示。
阅读全文