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

【问题标题】：How to implement jquery date time picker with zend framework 2 using zf FORM如何使用 zf FORM 使用 zend 框架 2 实现 jquery 日期时间选择器
【发布时间】：2016-01-18 11:27:00
【问题描述】：

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

请提出最佳做法。

【问题讨论】：

标签： zend-framework zend-framework2 jquerydatetimepicker

【解决方案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 sn-p:

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

根据您的需要调整选项。

【讨论】：

【解决方案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>

【讨论】：