$('#report-time').datepicker({ format: 'yyyy-mm-dd', autoclose: true, startView: 0, minViewMode: 'days', beforeShowDay: function(date) { // 设置日选择器的可选日期范围为当前年份的所有日期 var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); return [(year >= (new Date()).getFullYear() - 3) && (year <= (new Date()).getFullYear() + 1)]; }, startDate: '-3y', endDate: '+1y' }); }); let selected; let selectedDate; function showSelected() { let select = document.getElementById("report-type"); selected = select.options[select.selectedIndex].value; console.log(selected); }这里哪里有问题
时间: 2024-02-01 19:04:22 浏览: 111
在这段代码中,没有绑定 `showSelected` 函数到任何事件上,因此无法触发该函数。需要将该函数绑定到某个事件上,例如可以在 `report-type` 元素的 `onchange` 事件中绑定该函数:
```
<select id="report-type" onchange="showSelected()">
...
</select>
```
另外,代码中定义了 `selectedDate` 变量,但是没有在任何地方被使用到。如果该变量没有被使用到,可以将其删除以避免不必要的内存占用。
相关问题
<td> <div class="tdDiv"> <label title="上午问诊开始时间"><font class="xinghao">*</font>上午问诊开始时间:</label> <input type="text" placeholder="请选择" title="上午问诊开始时间" id="consultation_start_time" name="consultation_start_time" value="${pd.consultation_start_time}" class="span10 timepicker-input"> </div> </td>$('.timepicker-input').datepicker({ format: 'yyyy-mm-dd hh:ii:ss', autoclose: true, todayHighlight: true, startView: 'day', minView: 'hour' });我希望可以让用户只选择时分秒
您可以使用timepicker插件的format选项来限制用户只能选择时分秒。在您的代码中,将format选项的值改为'hh:ii:ss',即可达到您的需求。
修改后的代码如下:
```html
<td>
<div class="tdDiv">
<label title="上午问诊开始时间"><font class="xinghao">*</font>上午问诊开始时间:</label>
<input type="text" placeholder="请选择" title="上午问诊开始时间" id="consultation_start_time" name="consultation_start_time" value="${pd.consultation_start_time}" class="span10 timepicker-input">
</div>
</td>
<script>
$('.timepicker-input').datepicker({
format: 'hh:ii:ss',
autoclose: true,
todayHighlight: true,
startView: 'day',
minView: 'hour'
});
</script>
```
这样用户在选择时间时,只能选择时、分和秒,而日期部分将不可编辑。希望对您有所帮助!如果还有其他问题,请随时提问。
阅读全文