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

Question

在此先感谢，希望使用 ZF FORM 使用 zend 框架 2 实现 jquery 日期时间选择器，并根据当前日期验证表单日期选择。

请提出最佳做法。

Answer 1

您可以按照以下方式进行

在您的表单中添加一个日期字段：

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

注意'type' => 'text'.

然后在视图中，您可以随意打印表单元素并添加以下 javascript 片段：

$(document).ready(function() {
    $( ".datepicker-date" ).datepicker({
        dateFormat: "dd-mm-yy",
        changeMonth: true,
        changeYear: true
    });
});

根据您的需要调整选项。

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>