0

我正在为我的 cakephp 2.9 项目使用 tempusdominus datetimepicker，但无法让它运行。我正在使用 cakephp FormHelper，所以我在我的观点中使用：

<?php echo $this->Form->input('start',array('class' => 'form-control','label' => 'Start','type' => 'text'));?>

生成：

<input name="data[Event][start]" class="form-control" type="text" value="2018-12-07 02:52:00" id="EventStart" required="required">

这与 type=text 我生成一个简单的输入，而不是使用日期或日期时间字段时通常生成的 3/5 选择然后我调用 javascript：

$('#EventStart').datetimepicker({format: 'YYYY-MM-DD hh:mm:00'});

这通常会将简单的文本字段转换为日期时间选择器。但是它不起作用。

我在我的项目的其他视图中使用其他一些旧的日期选择器也有同样的方法并且效果很好，为什么不在这里呢？

这可能与插件内的这个视图有关？

我在视图顶部链接了该组件的 js 和 css，如下所示：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />

怎么了？？

4

1 回答 1

0

尝试在您的代码中提供一个 id：

旧代码：

<?php echo $this->Form->input('start',array('class' => 'form-control','label' => 'Start','type' => 'text'));?>

更新代码：

<?php echo $this->Form->input('start',array('class' => 'form-control','label' => 'Start','type' => 'text','id' => 'EventStart'));?>

并将 datetimepicker 初始化为：

$('#EventStart').datetimepicker({format: 'YYYY-MM-DD hh:mm:00'});
于 2018-12-11T09:48:24.613 回答