从字符串中设置 Html5 Datepicker 值

Question

我可以将值设置为今天的日期，但我似乎无法根据自定义日期字符串设置值。 我已经在下面的代码中展示了我想要做什么的想法。

我必须使用我在下面指定的日期字符串格式，这样不能更改，但是日期字符串的格式可以修改吗？

var newDate = new Date();    
newDate = "30/03/2020 12:00:00 AM";

$('#datePickerId').val(newDate);

---

error:
jquery.min.js:4 The specified value "30/03/2020 12:00:00 AM" does not 
conform to the required format, "yyyy-MM-dd".

Answer 1

您可以通过以下 2 种方式执行此操作。 newDate1：Javascript 日期时间 newDate2：时刻 js

 $(document).ready(function(){ var newDate1 = new Date(2020,03,30); console.log(newDate1); var mm = newDate1.getMonth(); var dd = newDate1.getDate(); var aa = newDate1.getFullYear() +"-" + (mm < 10? "0":"") +mm +"-" + (dd < 10? "0":"") + dd; $('#datePickerId1').val(aa); var newDate2 = moment("30/03/2020 12:00:00 AM","DD/MM/YYYY hh:mm:ss A").format("YYYY-MM-DD"); //console.log(newDate2); $('#datePickerId2').val(newDate2); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <h1>Show a date control:</h1> First: <input type="date" name="bday" id=datePickerId1><br/> Second: <input type="date" name="bday" id=datePickerId2>