使用 PHP 日期时间值设置日期时间选择器默认值

Question

我试图将数据库中的日期时间值设置到 bootstrap datetimepicker 输入字段，但在编辑记录时我没有得到准确的日期值。我还尝试使用 php 将 datetimepicker 转换为插入数据库。例如，我试过以下方法：

输入：30/12/2021 11:06 PM
输出：1970-01-01 00:00:00

尝试过的代码：

echo date('Y-m-d H:i:s',strtotime($_POST['lot_datetime'])); 

$(function () {
  $('#datetimepickerDemo').datetimepicker({
    date: '<?php date('d/m/Y h:i:s a', strtotime($lottery['lotdatetime'])); ?>'
  });
});

Answer 1

使用此代码设置日期时间：

$('#datetimepickerDemo').datetimepicker({
    format:"d-M-yy h:mm tt")
});
$('#datetimepickerDemo').val('<?php date('d/m/Y h:i:s a', strtotime($lottery['lotdatetime'])); ?>');

设置datetimepicker日期格式，将日期值直接设置到文本字段。

Answer 2

用来自 php 的 Y-m-d H:i:s 格式的字符串分配日期属性绝对可行。您应该检查是否已成功加载所有必需的库，并检查客户端错误。可能有很多事情阻碍你。您在使用 ? Is the datetimepicker not instantiated and are you happy to add the moment library 吗？

最重要的是，在测试时，确保某些类型的日期时间表达式实际上是在客户端打印的（来自服务器端代码）。在您的第二次尝试中，您缺少 echo.

将您的 php 数据打印到 javascript 块中应该如下所示：

$(function() {
  $('#datetimepicker1').datetimepicker({
    date: '<?php echo date('Y-m-d H:i:s', strtotime($lottery['lotdatetime'])); ?>'
  });
});

$(function() {
  $('#datetimepicker1').datetimepicker({
    date: '2021-12-30 23:06:00'
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

使用 PHP 日期时间值设置日期时间选择器默认值

Set datetimepicker default value using PHP datetime value

php

jquery

datetime

default-value

datetimepicker