Question

提前致谢，想使用ZF FORM实现带有zend framework 2的jquery日期时间选择器，并根据日期验证表单日期选择。

请建议最佳做法。

Answer 1

您可以按照以下步骤进行操作

在表单中添加日期字段：

.overlayLogo {
   position:absolute;
   z-index: 99999;
   top: 0;
   left:0;
}

注意$this->add([ 'name' => 'birthDate', 'type' => 'Zend\Form\Element\Date', 'attributes' => [ 'id' => 'birthDate', 'class' => 'required datepicker-date', 'type' => 'text' ], 'options' => [ 'label' => 'Birth date' ] ]);。

然后在视图中根据需要打印表单元素并添加以下javascript代码段：

'type' => 'text'

根据您的需要调整选项。

Answer 2

您可以使用bootstrap-datepicker

来完成此操作

首先，您要插入以下CSS and JS个文件。这些是

1.bootstrap.css
2.bootstrap-datetimepicker.min.css
3.jquery.min.js
4.bootstrap-datepicker.min.js

<script type="text/javascript">
    $(document).ready(function() {
        $('#yourTextFieldIDName').datepicker({
            format: "yyyy-mm-dd",
            viewMode: "day",
            minViewMode: 'day'
        });
</script>

如何使用zf FORM实现带有zend框架2的jquery日期时间选择器

2 个答案: