Не удается запустить средство выбора даты и времени - PullRequest
Новая
       35

Не удается запустить средство выбора даты и времени

0 голосов
/ 08 декабря 2018

Я использую tempusdominus datetimepicker для моего проекта cakephp 2.9, но не могу запустить его.Я использую 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">

Это с типом = текст я генерирую простой ввод вместо 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" />

Что не так ??

1 Ответ

0 голосов
/ 11 декабря 2018

Попробуйте ввести идентификатор в своем коде:

Старый код: 

<?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'));?>

И инициализировать указатель даты и времени как: 

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