獲取日期時間值而不是默認的dd/mm/yyyy--:----onEdit

我創建了一個引導模式，從中獲取債務資訊，現在在創建債務時，我對dd/mm/yyyy --:-- --默認沒有問題（我可以使用 JS 將其洗掉并放入占位符）但是當我編輯債務條目時，我想顯示輸入的值而不是..

債務分錄

編輯我想要像其他欄位一樣的日期值的債務

        <!-- edit Debt date -->
        <div class="form-group">
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-calendar"><span style="font-size:1.2em;">Debt Date</span></i></span>
            <input class="form-control input-lg" type="datetime-local" id="editDebtDate" name="editDebtDate" required>      
          </div>
        </div>

       
        <!-- edit Return date -->
        <div class="form-group">
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-hourglass"><span style="font-size:1.2em;">Return Date</span></i></span>
            <input class="form-control input-lg" type="datetime-local" id="editReturnDate" name="editReturnDate" required>      
          </div>
        </div>  

我如何使用 JS 獲得其他值..

/*=============================================
EDIT Debt
=============================================*/

$(".tables").on("click", ".btnEditDebt", function(){
    var idDebt = $(this).attr("idDebt");
    var datum = new FormData();
    datum.append("idDebt", idDebt);
    $.ajax({
        url: "ajax/debt.ajax.php",
        method: "POST",
        data: datum,
        cache: false,
        contentType: false,
        processData: false,
        dataType:"json",
        success: function(answer){
            $("#editDebtor").val(answer["debtor"]);
            $("#editDebtAmount").val(answer["amount"]);
            $("#editDescription").val(answer["description"]);
            $("#editDebtDate").val(answer["debtDate"]);
            $("#editReturn").val(answer["returnDebt"]);
            $("#editReturnDate").val(answer["returnDate"]);
            $("#idDebt").val(answer["id"]);      
        }
        
    })
})

阿賈克斯

if(isset($_POST["idDebt"])){

    $Debt = new AjaxDebt();
    $Debt -> idDebt = $_POST["idDebt"];
    $Debt -> ajaxEditDebt();
}

public $idDebt;

public function ajaxEditDebt(){

    $item = "id";
    $value = $this->idDebt;

    $answer = ControllerDebt::ctrShowDebt($item, $value);
    echo json_encode($answer);

}

這個 ctrShowDebt 進入資料庫并將整個記錄回傳給我。回傳的物件

> {0: '8', 1: 'Test', 2: '2000', 3: 'Testing Debt', 4: '2022-01-18 23:08:00', 5: '2000', 6: '2022-01-25 23:08:00', 7: 'valid', 8: '2022-01-25 23:08:44', id: '8', debtor: 'Test', amount: '2000', description: 'Testing Debt', debtDate: '2022-01-18 23:08:00', …}
0: "8"
1: "Test"
2: "2000"
3: "Testing Debt"
4: "2022-01-18 23:08:00"
5: "2000"
6: "2022-01-25 23:08:00"
7: "valid"
8: "2022-01-25 23:08:44"
amount: "2000"
date: "2022-01-25 23:08:44"
debtDate: "2022-01-18 23:08:00"
debtor: "Test"
description: "Testing Debt"
id: "8"
returnDate: "2022-01-25 23:08:00"
returnDebt: "2000"
status: "valid"

uj5u.com熱心網友回復：

盡管輸入以本地日期和時間格式回傳輸入的值，但輸入（用于設定輸入欄位）仍需要采用標準化格式，如下所示：

"yyy-mm-ddThh:mm:ss"

edd=document.getElementById("editDebtDate");
edd.value="2022-01-25T12:34";

edd.addEventListener("input",function(){
  console.log(edd.value); // =

})

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">



<input class="form-control input-lg" type="datetime-local" id="editDebtDate" name="editDebtDate">

因此，對于您回傳的資料，您需要將 a 替換為" "a"T"并完成：

$("#editDebtDate").val(answer.debtDate.replace(" ","T"))

標籤：

上一篇：這是連接到SQL服務器的安全方式嗎？

下一篇：如何將包的依賴限制到Composer中的某個PHP版本？[復制]