README

Bootstrap 日期选择器和时间选择器扩展组件

安装

安装此扩展的首选方式是通过 composer。

运行以下命令

php composer.phar require --prefer-dist moonlandsoft/bootui-datetimepicker "*"

或者

"moonlandsoft/bootui-datetimepicker": "*"

将以下内容添加到你的 composer.json 文件的 require 部分中。

属性

addon

扩展是一个 Bootstrap 输入组合扩展，你可以通过查看Bootstrap 输入组合来了解详细信息。通过在基于文本的输入的前面、后面或两侧添加文本或按钮来扩展表单控件。

format

你可以使用此属性来更改日期或时间的格式，但此格式只使用 momentjs 日期时间格式，而不使用 PHP 日期时间格式。点击 此处 查看所有日期时间格式。

其他属性

有关其他属性，你可以在 bootstrap-datetimepicker 中查看。你可以直接从 bootstrap-datetimepicker 添加属性，并且我的小部件会立即识别该属性。

使用方法

安装扩展后，只需在代码中简单地使用它即可

<?= \bootui\datetimepicker\Datepicker::widget([
 	'name' => 'date',
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Birth Date'],
 	'format' => 'YYYY-MM-DD',
]); ?>

<?= \bootui\datetimepicker\Timepicker::widget([ 
	'name' => 'time',
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Time'],
 	'format' => 'HH:mm',
]); ?>

<?= \bootui\datetimepicker\DateTimepicker::widget([
 	'name' => 'datetime',
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Date and Time'],
 	'format' => 'YYYY-MM-DD HH:mm',
]); ?>

或

<?= $form->field($model, 'attribute')->widget(Datepicker::className(),[
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Birth Date'],
 	'format' => 'YYYY-MM-DD',
]); ?>

<?= $form->field($model, 'attribute')->widget(Timepicker::className(),[ 
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Time'],
 	'format' => 'HH:mm',
]); ?>

<?= $form->field($model, 'attribute')->widget(DateTimepicker::className(),[
 	'options' => ['class' => 'form-control'],
 	'addon' => ['prepend' => 'Date and Time'],
 	'format' => 'YYYY-MM-DD HH:mm',
]); ?>