bburim/daterangepicker

适用于Yii 2框架的Bootstrap日期范围选择器小部件

安装数量: 13,087

依赖项: 0

建议者: 0

安全: 0

星标: 5

关注者: 2

分支: 4

公开问题: 1

语言:JavaScript

类型:yii2-extension

dev-master 2014-02-14 19:17 UTC

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;',
		]
	]);