若依前后不分离版中html增加一个日期输入框可以选到秒日期格式可以自己设置怎么实现

可以使用HTML5中的`<input>`元素的`type`属性设置为`datetime-local`，这样就可以让用户选择日期和时间（至秒）。

示例代码如下：

<label for="datetime">选择日期和时间：</label>
<input type="datetime-local" id="datetime" name="datetime">

如果需要自定义日期格式，可以使用JavaScript的Date对象来实现，具体代码如下：

<label for="datetime">选择日期和时间：</label>
<input type="datetime-local" id="datetime" name="datetime">
<br><br>
<label for="format">日期格式：</label>
<input type="text" id="format" name="format" value="yyyy-MM-dd HH:mm:ss">
<br><br>
<button onclick="formatDate()">格式化日期</button>

<script>
  function formatDate() {
    const input = document.getElementById('datetime');
    const formatInput = document.getElementById('format');
    const format = formatInput.value;
    
    const date = new Date(input.value);
    const year = date.getFullYear();
    const month = (date.getMonth() + 1).toString().padStart(2, '0');
    const day = date.getDate().toString().padStart(2, '0');
    const hours = date.getHours().toString().padStart(2, '0');
    const minutes = date.getMinutes().toString().padStart(2, '0');
    const seconds = date.getSeconds().toString().padStart(2, '0');

    const formattedDate = format
      .replace('yyyy', year)
      .replace('MM', month)
      .replace('dd', day)
      .replace('HH', hours)
      .replace('mm', minutes)
      .replace('ss', seconds);

    alert(`格式化后的日期：${formattedDate}`);
  }
</script>

在上面的代码中，我们首先获取到用户选择的日期和时间，并且获取到自定义的日期格式。然后，使用JavaScript的Date对象获取到年、月、日、时、分、秒等信息，并且根据自定义的日期格式进行替换，最终得到格式化后的日期。