前端带时分秒的时间选择器

### 回答1：
可以使用第三方库，比如element-ui的DatePicker组件，设置show-time属性为true即可实现带时分秒的时间选择器。如果需要自己实现，可以使用HTML5的input标签的type属性设置为datetime-local。

### 回答2：
前端带有时分秒的时间选择器通常可以使用JavaScript和HTML来实现。

一种实现方式是使用HTML的input元素来创建一个文本框，并使用JavaScript来控制时间的选择。首先，在HTML中创建一个input元素，设置type为"datetime-local"，这样可以展示一个带有日期和时间的选择器。

<input type="datetime-local" id="timePicker">

然后，在JavaScript中获取这个input元素，并监听其value改变的事件。当时间发生改变时，将选定的时间值保存到一个变量中。

const timePicker = document.getElementById("timePicker");
let selectedTime = null;

timePicker.addEventListener("change", function() {
  selectedTime = timePicker.value;
});

现在，我们可以在其他地方使用selectedTime变量来获取用户选择的时间。

另一种实现方式是使用现有的JavaScript库，如Bootstrap或jQuery UI，它们提供了丰富的时间选择器组件。这些库通常通过引入相应的CSS和JavaScript文件来实现功能。

例如，使用Bootstrap的datetimepicker组件可以实现一个带有时分秒的时间选择器。首先，确保已经正确引入了Bootstrap相关的CSS和JavaScript文件。

然后，在HTML中创建一个input元素，并为其添加一个class为"datetimepicker"，这样Bootstrap会自动将其转换为一个时间选择器。

<input type="text" class="datetimepicker" id="timePicker" />

最后，在JavaScript中使用jQuery来初始化这个时间选择器，并监听其change事件。

$(document).ready(function() {
  $(".datetimepicker").datetimepicker();
  
  $(".datetimepicker").on("change.datetimepicker", function() {
    selectedTime = $(this).val();
  });
});

这样，在选择时间时，selectedTime变量将会保存选定的时间值。

总之，创建一个带有时分秒的时间选择器可以通过纯JavaScript和HTML，或使用现有的JavaScript库来实现。两种方式都可以根据具体项目的需求来选择。