js 设置默认datepicker 只有时分
时间: 2023-08-24 14:05:15 浏览: 241
你可以使用第三方库或原生的 JavaScript 实现,具体步骤如下:
1. 使用第三方库:例如使用 Moment.js 和 Bootstrap-DateTimePicker 插件来实现。
```
// 引入 Moment.js 和 Bootstrap-DateTimePicker 插件
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
// 初始化 datetimepicker
$('#datetimepicker1').datetimepicker({
format: 'HH:mm', // 设置格式为时分
defaultDate: moment(), // 设置默认时间为当前时间
icons: {
time: 'far fa-clock' // 设置时间图标
}
});
```
2. 使用原生的 JavaScript 实现:使用 HTML5 的 input 元素和 JavaScript 的 Date 对象来实现。
```
// 在 HTML 中添加 input 元素
<input type="time" id="timepicker">
// 使用 JavaScript 设置默认时间为当前时间
var timepicker = document.getElementById("timepicker");
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
timepicker.value = hours + ":" + minutes;
```
以上是两种常用的实现方式,你可以根据自己的需要选择合适的方式来实现默认时间为时分的 datetimepicker。
阅读全文