Django Forms - 当字段具有初始数据时，JQuery 日期时间选择器不显示

Posted 2023-02-24

【中文标题】Django Forms - 当字段具有初始数据时，JQuery 日期时间选择器不显示

【英文标题】：Django Forms - JQuery datetime picker doesn't show when field has initial data

【发布时间】：2013-03-29 15:10:39

【问题描述】：

我有一个包含 2 个日期时间字段的表单，我使用的是 jquery ui 1.10.1、jquery 1.8.3 和 datetimepicker

我在干净的表单上使用日期时间选择器没有问题，但无法让它显示实例化表单。

我尝试过的事情：

实例化 datetimepicker 的方式与干净形式相同： http://jsfiddle.net/neara/epHa4/。 显示错误：Uncaught TypeError: Object #<s> has no method 'log'

使用'setDate' 实例化日期时间选择器： http://jsfiddle.net/neara/epHa4/1/ 什么都不做，没有错误，没有日期时间选择器。

如何使日期时间选择器工作？

我是如何做到的

$('#start_datetime').datetimepicker(
                timeFormat: 'H:m:s',
                dateFormat: 'yy-mm-dd'
);

$('#end_datetime').datetimepicker(
                timeFormat: 'H:m:s',
                dateFormat: 'yy-mm-dd'
);

为输入字段中的值 attr 的时间和日期提供正确的格式，一切正常。

【参考方案1】：

试试这个代码。

http://jsfiddle.net/Jf8Cs/

我认为这段代码可以工作..

<form action="" method="post">
    <input type="text" id='start_datetime' value="2013-04-07 16:10:00"/>
    <input type="text" id='end_datetime' value="2013-04-07 18:10:00"/>
</form>

$('#start_datetime').datetimepicker(
                showSecond: true,
                timeFormat: 'H:m:ss',
    dateFormat: 'yy-mm-dd');
$('#end_datetime').datetimepicker(
                showSecond: true,
                timeFormat: 'H:m:ss',
    dateFormat: 'yy-mm-dd');