javascript - 如何将mysql datetime传递给输入datetime-local

Question

我无法将 datetime mysql 值传递给 datetime 本地输入字段

MYSQL 数据:1995-10-29 08:00:00

Ajax :

function getTransaction(id){
    $.ajax({
        type:'POST',
        dataType:'json',
        data:{id:id},
        url: 'queries/getTransactionInfo.php',
        success:function(e){
            $("#pickup_date").html((e[4]));
            $("#return_date").text(e[5]);

        }
    });
}

php:

$select = $mysqli->prepare('SELECT * from tb_transaction where `id`=?; ');
$select->bind_param('i',$id);
if($select->execute()){
    $result=$select->get_result();
    $id=0;
    while($row=$result->fetch_array()){

        $data[]=$row['requestor'];
        $data[]=$row['requestor_email'];
        $data[]=$row['pickup_location'];
        $data[]=$row['destination_location'];
        $data[]=$row['from_date'];
        $data[]=$row['to_date'];
        $data[]=$row['purpose'];
        $data[]=$row['no_passenger'];

    }
    echo json_encode($data);
}else{

}

HTML:

<input type="datetime-local" class='form-control' id="pickup_date">

如何正确传递？我尝试使用 .val 和 .html 但仍然无法正常工作也尝试使用 Date.parse 但仍然无法正常工作。

Answer 1

datetime-local 的格式类似于 2018-06-07T00:00，其中 T 分隔时间。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

在 PHP 中，您可以使用 DateTime 类来格式化您的时间。 https://www.php.net/manual/en/datetime.format.php

这是一个例子:

<?php

$time = new DateTime('1995-10-29 08:00:00');

echo $time->format('Y-m-d\TH:i')
//Output is: 1995-10-29T08:00
?>

在您的 PHP 代码中，

....
....
$timeFormat = 'Y-m-d\TH:i';    

  while($row=$result->fetch_array()){
    $from_date = new DateTime($row['from_date']);
    $to_date = new DateTime($row['to_date']);

    $data[]=$row['requestor'];
    $data[]=$row['requestor_email'];
    $data[]=$row['pickup_location'];
    $data[]=$row['destination_location'];
    $data[]=$from_date->format($timeFormat);
    $data[]=$to_date->format($timeFormat);
    $data[]=$row['purpose'];
    $data[]=$row['no_passenger'];

}
echo json_encode($data);
....

然后它已经是正确的格式，因此无需在 Javascript 中对其进行任何操作。

AJAX

....
....
    success:function(e){
            $("#pickup_date").val(e[4]);
            $("#return_date").val(e[5]);

        }