如何使用 jquery 在輸入類型 datetime-local 中設置日期？

Question

我想在輸入datetime-local中使用這種格式2022-09-22T16:03設置日期，當我單擊按鈕Enregister但不起作用時，我嘗試了這個帖子1link但不起作用也這個鏈接2link不起作用。

 <link rel="icon" type="image/png" href="https://findicons.com/files/icons/2805/squareplex/512/google_calendar.png"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <div class="container main"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="exampleInputPassword1">Date de la tâche</label> <input type="datetime-local" class="form-control" name="datee" id="date" required> </div> </div> </div> <div class="modal-footer "> <button class="btn btn-success" id="add-event"><i class="fas fa-save"></i> Enregistrer </button> </div> <script> $('#add-event').on("click", function(){ var date = "2022-09-22T16:03"; $("date").val(date); console.log(date); }); </script> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

Answer 1

更改您的選擇器，從$("date").val(date); 到$("#date").val(date);

 <link rel="icon" type="image/png" href="https://findicons.com/files/icons/2805/squareplex/512/google_calendar.png"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <div class="container main"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="exampleInputPassword1">Date de la tâche</label> <input type="datetime-local" class="form-control" name="datee" id="date" required> </div> </div> </div> <div class="modal-footer "> <button class="btn btn-success" id="add-event"><i class="fas fa-save"></i> Enregistrer </button> </div> <script> $('#add-event').on("click", function() { var date = "2022-09-22T16:03"; $("#date").val(date); console.log(date); }); </script> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>