The DatePicker widget is a Yii 2 wrapper for the Bootstrap DatePicker plugin with various enhancements. The plugin is a fork of Stefan Petre's DatePicker (of eyecon.ro), with improvements by @eternicode. The widget is specially styled for Bootstrap 3 and Bootstrap 4 for Yii 2 Framework. The widget allows graceful degradation to a normal HTML text input, if the browser does not support JQuery. The widget supports these markups:
NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.
The preferred way to install this extension is through composer. Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability
settings for your application's composer.json.
To install, either run
$ php composer.phar require kartik-v/yii2-widget-datepicker "@dev"
or add
"kartik-v/yii2-widget-datepicker": "@dev"
to the require
section of your composer.json
file.
NOTE: Refer the CHANGE LOG for details on changes to various releases.
You can refer detailed documentation and demos on usage of the extension.
use kartik\date\DatePicker;
// usage without model
echo '<label>Check Issue Date</label>';
echo DatePicker::widget([
'name' => 'check_issue_date',
'value' => date('d-M-Y', strtotime('+2 days')),
'options' => ['placeholder' => 'Select issue date ...'],
'pluginOptions' => [
'format' => 'dd-M-yyyy',
'todayHighlight' => true
]
]);
yii2-widget-datepicker is released under the BSD 3-Clause License. See the bundled LICENSE.md
for details.
yii2-widget-datepicker
Date: 28-Oct-2021
Date: 09-Oct-2018
Date: 29-Aug-2018
bsVersion
.src
directory.Date: 13-Jul-2018
form-control
CSS class the default and yet optional.Date: 04-Sep-2017
form-control
input CSS class.Date: 02-Sep-2016
Date: 17-Aug-2016
Date: 28-Jun-2016
Date: 29-Mar-2016
kvDatepicker
modified plugin instance.Date: 25-Mar-2016
bootstrap-datepicker
plugin.Date: 10-Jan-2016
Date: 29-Dec-2015
$.fn.kvDatepicker
.Date: 28-Dec-2015
Date: 27-Dec-2015
enableOnReadonly
correctly for all layout types.layout
to control rendering of picker and remove buttons and add your own input group addons if necessary.addon
property will be removed as the layout
property will allow better control for adding custom bootstrap input group addons.TYPE_COMPONENT_PREPEND
, TYPE_COMPONENT_APPEND
, and TYPE_RANGE
.Date: 19-Jul-2015
DatePicker::TYPE_INLINE
.changeDate
event for DatePicker::TYPE_INLINE
.title
correctly for calendar/remove button addon.kvDatepicker
function.Date: 25-Feb-2015
DatePicker
types:
DatePicker::TYPE_COMPONENT_PREPEND
and DatePicker::TYPE_COMPONENT_APPEND
DatePicker
types:
DatePicker::TYPE_COMPONENT_PREPEND
and DatePicker::TYPE_COMPONENT_APPEND
Date: 13-Feb-2015
Date: 25-Jan-2015
Date: 04-Dec-2014
disabled
and readonly
disabled
and readonly
properties in InputWidgetDate: 29-Nov-2014
Date: 08-Nov-2014
Comments