README

Nette表单组件，用于选择日期和时间值。

在PHP中，此插件与DateTime对象一起工作，在浏览器中使用jQueryUI日历和时间选择器插件。请查看演示页面中的示例。

JS依赖项

• jQuery和jQueryUI
• 时间选择器插件版本1.1.0或更高

安装

$ composer require voda/date-input

也可以使用bower安装此包： $ bower install voda-date-input --save

将所需的javascript和样式文件插入到您的布局中（脚本顺序很重要）

<script type='text/javascript' src="{$basePath}/scripts/jquery-ui-timepicker-addon.js"></script>
<script type='text/javascript' src="{$basePath}/scripts/dateInput.js"></script>
<link rel="stylesheet" type="text/css" href="{$basePath}/styles/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" type="text/css" href="{$basePath}/styles/dateInput.css">

在bootstrap.php中注册插件

Vodacek\Forms\Controls\DateInput::register();

使用javascript初始化日历

$(document).ready(function() {
    $('input[data-dateinput-type]').dateinput({
        'datetime-local': {
            dateFormat: 'd.m.yy',
            timeFormat: 'H:mm',
            options: { // options for type=datetime-local
                changeYear: true
            }
        },
        date: {
            dateFormat: 'd.m.yy'
        },
        month: {
            dateFormat: 'MM yy'
        },
        week: {
            dateFormat: "w. 'week of' yy"
        },
        time: {
            timeFormat: 'H:mm'
        },
        options: { // global options
            closeText: "Close"
        }
    });
});

用法

$form->addDate('datetimeLocal', 'Local datetime', DateInput::TYPE_DATETIME_LOCAL)
        ->setRequired()
        ->setDefaultValue(new DateTimeImmutable())
        ->addRule(Form::RANGE, null, array(new DateTimeImmutable('-2 years'), new DateTimeImmutable('+2 years')));