Установить значение 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

Вы можете сделать это двумя способами.newDate1: Javascript datetime 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>