如何在 jQuery ui 日期/时间选择器输入字段上输出（来自 PHP 的日期值）？答案

【问题标题】：How to output (date value from PHP) on jQuery ui date/timepicker input field?如何在 jQuery ui 日期/时间选择器输入字段上输出（来自 PHP 的日期值）？
【发布时间】：2013-02-02 00:28:23
【问题描述】：

对于我的日期时间字段，我使用了 jQuery 日期/时间选择器。

http://trentrichardson.com/examples/timepicker/

这很好用。

但是在更新表单上，当我尝试在此日期/时间选择器输入字段上从数据库中输出日期时，它不起作用。当我检查元素时，日期值就在那里（以正确的 ui 日期/时间选择器格式），如下图所示：

如何让 PHP 中的日期值出现在 datepicker 字段中？

【问题讨论】：

你是如何设置字段值的？你能给我们看看代码吗？
当你print_r($_POST);查看发布的内容时，日期不是在那里吗？
@popnoodles 我已经测试过回显日期，没问题。甚至日期时间格式也与 uidatepicker fromat 完全相同。当我检查元素时，我可以看到 value ="2013-02-01 23:30:20"
哦，抱歉，问题恰恰相反，不在帖子中

标签： php jquery uidatepicker

【解决方案1】：

在创建选择器时传入 defaultValue 参数，而不是设置生成的输入字段的值。见Options tab, other options，即

defaultValue
    Default: null - String of the default time value placed in the input on focus when the input is empty.

这看起来只有在被选中时才有效（例如，它显示“聚焦”）。

另外，虽然我不熟悉时间选择器，但您应该可以使用 setDate() method 设置日期/时间，在 $(document).ready 或类似的内容中使用类似这样的内容：

$( ".selector" ).datetimepicker( "setDate", "<?php echo $time_date?>" );

【讨论】：

如果我没看错，文本框会显示为空，直到您点击它，然后它将预先选择指定的日期。
你是对的......刚刚删除了我的答案。我找不到任何特定的时间选择器选项。 defaultValue 说“焦点”，这就是我把它放在外面的原因。
@Mark 你可能是对的。如果是这种情况，则需要使用 setDate() 方法。 jQuery datepicker 不使用 value 属性来跟踪存储的数据，这就是 OPs 当前解决方案不起作用的原因。
@ernie 这样我就需要使用 AJAX。
@MrGhimire 你不需要使用 AJAX，只需要 javascript 。 . .在您的 onReady 或类似文件中，您必须使用您在 PHP 中的值调用 timepicker 对象上的 setDate()。我已更新我的答案以显示这一点

【解决方案2】：

你不能那样做。 jQuery Datepicker 禁用输入字段值，除非在字段值中硬编码。如果您使用从数据库或其他东西填充，请使用以下方法。可以使用setDate 函数来完成。如下：-

$( "#your_input_id" ).datepicker( "setDate", "<?php echo $date_value;?>" );

它适用于仅日期和带有时间字段的日期。它会自动适合您的日历格式化的值。

【讨论】：

【解决方案3】：

只需使用 PHP 的 date() 函数以与 jQuery 相同的方式格式化 value 属性。

【讨论】：

我这样做了，$time_date = date("Y-m-d H:s:i", strtotime($row['time_date'])); uidatetimepicker 上的格式也是如此。
@MrGhimire：与 jQuery UI Datepicker 一起工作正常：jsfiddle.net/mnbayazit/ExQGX/1 如果它不适用于您修改后的库，那听起来对我来说是错误的。