Question

这样的工作：

<input type="datetime-local" id="myDate" value="2020-01-02T11:42:13">

不是这个：

<input type="datetime-local" id="myDate" value="yyyy-mm-ddT11:42:13">

我希望日历可以从日历和时间中选择，以具有默认值。没有使用第三方库的任何建议，如片刻等。我可以使用JQuery。

参考网址：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_datetime-local_value2

Answer 1

根据规范https://www.w3.org/TR/2012/WD-html-markup-20120315/input.datetime-local.html#input.datetime-local.attrs.value，这是不可能的。您可以使用单独的日期和时间输入字段并设置如下值：

$(document).ready(function(){
  var date = new Date()
  
  var hours = String(date.getHours()).length==1?"0"+date.getHours():date.getHours()
  var minutes = String(date.getMinutes()).length==1?"0"+date.getMinutes():date.getMinutes()
  var seconds = String(date.getSeconds()).length==1?"0"+date.getSeconds():date.getSeconds()
  var time =  hours+":"+minutes+":"+seconds
   
  $("#myTime").val(time)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id="myDate" value="">

<input type="time" id="myTime" value="">

仅为hh：mm：ss填充默认值为datetime-local的一部分

1 个答案: