Использование средства выбора даты с механизмом шаблонов Phalcon Volt

Я довольно новичок в фреймворке Phalcon PHP и шаблонном движке Volt.
Пока что мне действительно это нравится.

Однако я не могу понять, как внедрить средство выбора даты в поле даты.
У меня есть поле даты, определенное как показано ниже, но вместо того, чтобы вручную вводить дату, я бы хотел, чтобы пользователь выбирал дату из палитры.

<?php echo Tag::dateField(array("finishdate", "size" => 8, "maxlength" => 8, "type" => "date")) ?>

Я подумал, что, возможно, он автоматически получит средство выбора даты, если оно будет определено как поле даты, или, может быть, где-то была опция, но я просмотрел весь интернет и ничего не могу найти.

Буду очень признателен, если кто-нибудь знает, как это решить?

Я также пытаюсь выяснить текстовую область Volt, и у меня проблемы с поиском какой-либо информации по этому вопросу. Я не могу получить текстовое поле для отображения в виде текстового поля. Похоже, что очень мало информации от пользователей о Phalcon Volt. Никто не использует это?

1

Решение

Я это сделал! Я использовал DatePicker (https://jqueryui.com/datepicker/). Я делюсь с вами кодом.

Форма:

$fecha = new Text('fecha_final');
$fecha->setLabel('Fecha Final');
$fecha->addValidators(array(
new PresenceOf(array(
'message' => 'Por favor pon una fecha límite'
))
));
$this->add($fecha);

контроллер:

public function nuevakeywordAction(){
$auth = $this->session->get('auth');
$permiso = $auth['active'];
if($permiso!='A'){return $this->forward('servicios/index');}

$form = new NuevakeywordForm;

if ($this->request->isPost()) {

$trackeable = $this->request->getPost('trackeable', array('string', 'striptags'));
$idcliente = $this->request->getPost('idcliente');
$fecha = $this->request->getPost('fecha');

$keyword = new Keyword();
$keyword->trackeable = $trackeable;
$keyword->cliente_idcliente = $idcliente;
$keyword->fecha_inicial = new Phalcon\Db\RawValue('now()');
$keyword->fecha_final = $fecha;
if ($keyword->save() == false) {
foreach ($keyword->getMessages() as $message) {
$this->flash->error((string) $message);
}
} else {
$this->tag->setDefault('trackeable', '');
$this->tag->setDefault('idcliente', '');
$this->tag->setDefault('fecha', '');
$this->flash->success('Keyword agregada correctamente');
return $this->forward('admin/verkeywords');
}
}

$this->view->form = $form;
}

Посмотреть:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<section class="container animated fadeInUp">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div id="login-wrapper">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
Registrar Nueva Keyword
</h3>
</div>
<div class="panel-body">
{{ form('admin/nuevakeyword/', 'id': 'nuevakeywordForm', 'onbeforesubmit': 'return false') }}

<fieldset>

<div class="control-group">
{{ form.label('trackeable', ['class': 'control-label']) }}
<div class="controls">
{{ form.render('trackeable', ['class': 'form-control']) }}
</div>
</div>

<div class="control-group">
{{ form.label('idcliente', ['class': 'control-label']) }}
<div class="controls">
{{ form.render('idcliente', ['class': 'form-control']) }}
</div>
</div>

<div class="control-group">
{{ form.label('fecha_final', ['class': 'control-label']) }}
<div id="datepicker" class="controls">
{{ form.render('fecha_final', ['class': 'form-control']) }}
</div>
</div>

<div class="form-actions">
{{ submit_button('Insertar', 'class': 'btn btn-primary', 'onclick': 'return SignUp.validate();') }}
</div>

</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</section>

<script type="text/javascript">
$(function() {
$("#fecha_final").datepicker();
});
</script>

Я надеюсь, что это поможет вам.

1

Другие решения

Поле даты просто использует поле даты HTML5. Если вы хотите выбрать дату, вы должны использовать библиотеку выбора даты в Javascript.

Что касается текстовых областей и текстовых полей, вы должны использовать функцию text_field() создать текстовое поле и text_area() создать текстовую область. Список функций, которые вы можете использовать, находится в Вольт — Использование помощников тегов страница документации.

0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector