This change on init by the timepicker plugin causes undesirable effects in using this plugin as a filter in yii2-grid (triggers infinite loop on init and refreshes the grid)... as well as using it as an Editable Plugin kartik-v/yii2-editable#143.

When a user uses the keyboard tab to switch between inputs (or simply the input gets the focus), when there's a value in the TimePicker, the selection is on last element (AM, seconds or whatever is configured).

If I tab (and focus the input), the selected element should be the first one or at least the whole value. As I can see this is an issue of the javascript part, though the original author hasn't fixed an issue since a long time. I might try to fix this but first would like to know if it's a legitimate behaviour.

I have used kartik timepicker widget in my project as below.

     <?= $form->field($model, 'end_time')->widget(TimePicker::classname(), [
            'pluginOptions' =>
            [
                'defaultTime' => $time_now,
                'showMeridian' => true,
            ],

            ]);
        ?> 

but if pass time like 14:15 to the widget it shows time as 12:15 AM

When used in tabular form it render behind the footer of the grid. The div that contain the rows show scrollbars and the only way to visualize the widget is to scroll with the mouse wheel. I think is a problem with this widget since the datetimepicker do not have this issue as it render above the footer, outside rows container.

Prerequisites

• [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [x] The issue still exists against the latest master branch of yii2-widget-timepicker.
• [x] This is not an usage question. I confirm having gone through and read the documentation and demos.
• [x] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
• [x] I have attempted to find the simplest possible steps to reproduce the issue.
• [ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

If you use the DatePicker, or the DateTimePicker, when you click on the input, the date/datetime picker pops open, when you click on the input for the TimePicker it does not.

http://demos.krajee.com/widget-details/datepicker#markup-comp-pre

Compared to

http://demos.krajee.com/widget-details/timepicker#basic-usage http://demos.krajee.com/widget-details/datetimepicker#markup-input

Expected behavior and actual behavior

I was expecting... The TimePicker to behave similarly as the other widgets that are picking a date, time, date time.

Environment

Browsers

• [x] Google Chrome
• [ ] Mozilla Firefox
• [ ] Internet Explorer
• [ ] Safari

Operating System

• [ ] Windows
• [x] Mac OS X
• [ ] Linux
• [ ] Mobile

Libraries

• jQuery version:
• yii2-widget-timepicker version:

Isolating the problem

• [x] This bug happens on the demos page
• [ ] The bug happens consistently across all tested browsers
• [ ] This bug happens when using yii2-widget-timepicker without other plugins.

This bug happens on demo page. Video: https://gyazo.com/4aa4652d2024effa0fbf3f409f2a60ce

Scope

This pull request includes a

• [x] Bug fix
• [ ] New feature
• [ ] Translation

Related Issues

https://github.com/kartik-v/yii2-widget-timepicker/issues/13

Awesome work to using this plugin with yii framework.

May I know is there any possibilities to implement the duration picker with current widget. I have found duration picker in bootstrap https://github.com/koss-lebedev/bootstrap-duration-picker and jquery also http://www.jqueryscript.net/time-clock/Minimal-Duration-Picker-Plugin-For-jQuery-Bootstrap.html

Is there any simple steps to implement duration picker with this widget based on above examples.

Is it possible to display the TimePicker-Widget inline? Especially for mobile applications/webpages it would be very nice if I don't have to press the time-button for the widget to appear.

When trying to increase hours value from 23:00 to 00:00 it does not. Using plugin with disabled meridian. Trying on demo krajee website, also doesn't work.

Hi

I'm using Timepicker in my yii2 application as follows:

    'time' => [
        'type' => TabularForm::INPUT_WIDGET,
        'widgetClass' => \kartik\datecontrol\DateControl::classname(),
        'options' => [
            'type' => \kartik\datecontrol\DateControl::FORMAT_TIME,
            'saveFormat' => 'php:H:i:s',
            'ajaxConversion' => true,
            'options' => [
                'pluginOptions' => [
                    'placeholder' => Yii::t('app', 'Choose Time'),
                    'autoclose' => true,
                    'showSeconds' => true,
                    'showMeridian' => false,
                    'minuteStep' => 1,
                    'secondStep' => 5,
                ]
            ]
        ]
    ],

As mentioned the problem is "showMeridian". Everything works fine, when it is set to true (the default value), but when I turn it to false, the hidden input field containing the time value is not going to be updated and so the returned time is always an empty string "".

Hi, when i try to use the timepicker , my yui Datepicker gets broken. The Lines with the Timepicker Widget in Active Form interrupts the Datepicker like seen on screenshot.

Any Ideas ?

http://www.bilder-upload.eu/show.php?file=502fcd-1464482641.png