JS获取 <input type="datetime-local" name="duration" style="width: 15%" placeholder="请选择广告位持续时间" value="<%=model.duration %>" /> 文本框的值

在JavaScript中，你可以使用`document.querySelector`或`document.getElementById`方法来获取`<input type="datetime-local">`标签的值。假设这个元素的ID是'durationInput'，你可以这样做：

var inputElement = document.querySelector('input[type="datetime-local"][name="duration"]');
var inputValue = inputElement.value;

// 或者如果id是硬编码的
var inputElementById = document.getElementById('duration');
var inputValueById = inputElementById.value;

在这个例子中，`inputValue`变量将存储用户在`placeholder="请选择广告位持续时间"`下的文本框中选择的日期和时间的值，它可能是一个包含年份、月份、日期、小时和分钟的字符串。

相关问题

将字符串(2024-10-14 09:52:55.433)数值赋值给 <input type="datetime-local" name="duration" style="width: 15%" placeholder="请选择广告位持续时间" />控件的案例

在HTML中，`<input type="datetime-local">`是一个用于输入日期和时间的表单元素，但它的值通常是用户直接选择的，而不是通过JavaScript动态赋值。如果你想将特定的时间字符串转换成这种格式并设置到这个控件中，你可以使用JavaScript或者相关的库如jQuery。

下面是一个简单的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标准的日期时间字符串，我们需要调整一下格式以便于展示。

<div id="overt_type2" class="layui-form-item" style="display:none;"> <div class="layui-form-item"> <label class="layui-form-label">开始时间：</label> <div class="layui-input-inline"> <input type="datetime" name="start_time" id="start_time" class="layui-input" placeholder="请选择开始时间"> </div> <label class="layui-form-label">结束时间：</label> <div class="layui-input-inline"> <input type="datetime" name="end_time" id="end_time" class="layui-input" placeholder="请选择结束时间"> </div> </div> </div> 空数据返回null

这段代码是使用了 LayUI 的表单组件，其中包含了一个隐藏的表单项 `overt_type2`，该表单项包含了两个日期时间选择器，分别是开始时间和结束时间。如果在获取这两个日期时间选择器的值时，如果用户没有选择任何值，则会返回 `null`。为了避免出现 `null`，我们可以在获取这两个日期时间选择器的值时进行判断和处理。以下是一个示例代码：

var start_time = $('#start_time').val();
var end_time = $('#end_time').val();

if (start_time && end_time) { // 判断两个值是否存在
  // 处理两个日期时间选择器的值
} else {
  // 处理空数据的情况
}

在上述代码中，我们使用了逻辑与运算符 `&&` 来判断两个日期时间选择器的值是否存在，如果存在则进行处理，否则进行空数据的处理。根据具体的业务需求，可以在空数据的情况下给出提示，或者设置默认值等。