bburim / daterangepicker
适用于Yii 2框架的Bootstrap日期范围选择器小部件
dev-master
2014-02-14 19:17 UTC
Requires
This package is not auto-updated.
Last update: 2024-09-14 15:21:48 UTC
README
适用于Yii 2框架的Bootstrap日期范围选择器小部件
它实际上是著名的https://github.com/dangrossman/bootstrap-daterangepicker 扩展的 Yii 2 包装器。
此小部件使用3.0 Bootstrap CSS,因为Bootstrap 3.0已作为扩展包含在Yii 2中。
要了解更多关于JS选项的详细信息,请访问://github.com/dangrossman/bootstrap-daterangepicker 文档。
使用示例
// Include namespace
use bburim\daterangepicker\DateRangePicker as DateRangePicker;
// Define ranges correctly
$ranges = new \yii\web\JsExpression("{
'Today' : [Date.today(), Date.today()],
'Yesterday' : [Date.today().add({ days: -1 }), Date.today().add({ days: -1 })],
'Last 7 Days' : [Date.today().add({ days: -6 }), Date.today()],
'Last 30 Days' : [Date.today().add({ days: -29 }), Date.today()],
'This Month' : [Date.today().moveToFirstDayOfMonth(), Date.today().moveToLastDayOfMonth()],
'This Year' : [Date.today().moveToMonth(0,-1).moveToFirstDayOfMonth(), Date.today()],
'Last Month' : [Date.today().moveToFirstDayOfMonth().add({ months: -1 }), Date.today().moveToFirstDayOfMonth().add({ days: -1 })]
}");
// Define empty callback fust for fun
$callback = new \yii\web\JsExpression("function(){}");
// Provide required parameters and render the widget
echo DateRangePicker::widget([
'callback' => $callback,
'options' => [
'ranges' => $ranges,
'locale' => [
'firstDay' => 1
]
],
'htmlOptions' => [
'name' => 'daterange',
'class' => 'form-control',
'placeholder' => 'Select Date Range',
'style' => 'width:190px;',
]
]);