pingcheng/bootstrap4-datetimepicker

datetimepicker for bootstrap 4

bootstrap4-datetimepicker's Issues

disable element datetimepicker

disable element datetimepicker

exist a way to destroy/reset/remove datetimepicker from element

Updated release

Hi,

It's been 21 months since the 4.17.50 release so is there any chance you'll be doing a release in the near future which incorporates the commits since the last release and the changes listed in Issues 9, 13 and 15 and Pull Request 10?

Les

A proposal to change styles for the new versions of Font-Awesome 5

In Font Awesome 5 there are two versions - Web Fonts & CSS and SVG & JS. For the first version of a datetimepicker shows icons without bugs. I use the second version (SVG & JS). Its working principle is that <svg> elements are used instead of <i>. Because of this, it turns out a style bug that when you select the area of the icon it is not highlighted. I propose to fix this problem by making changes to the _bootstrap-datetimepicker file.scss:

For all span, i { change to span, i, svg {.

Animation during clock and date switch

Hello!

The widget in my project is working except the animated switch. Do you have any idea, what the problem could be? Are they still supported?

Thank you

Display Error with bootstrap 4

These plugin has issue with bootstrap 4, dates dont display

"Prev Month or Next Month" of tooltips is not work

Prev Month of tooltips is not display and Next Month of tooltips is not display.

Table overflowing while selecting time

My datetimepicker is inside a td.
While selecting the time, the table is overflowing like this

Setting min-width fixed this :
.bootstrap-datetimepicker-widget { min-width: 326px; }

bootstrap4.4 drops support for input-group-addon

Bootstrap4.4 drops support for input-group-addon. Changes need to be made to 'input-group-text' in both the .js and .css files.

Urgent ! Need an Immediate Solution ! DateTime Picker Not Woking

Hi,

I am currently working in Dashboad, and i am using your datetime picker only. but when i click the datetimepicker its triggering and i can find the triggering DOM Elements in inspect but not showing in UI. Currently I am using Bootstrap 4 and implementing in Angular 2 and all my applications are latest versions.

use maxDate will overwrite current value

For example:current value is 2021-01-01

maxDate set 2021-01-31

show 2021-01-31

should show 2021-01-01

Incorrect tooltip for calendar icon in timepicker

When inside the timepicker, hovering over the calendar icon displays the tooltip Select Time instead of Select Date.

bootstrap3-datetimepicker is same bug.
Eonasdan#1542

Add the tooltip selectDate on the defaults value 'Select Date'
Then on the togglePicker function replace it with this code:

Add the variable $link.

togglePicker: function (e) {
    var $this = $(e.target),
        $link = $this.closest('a'),
        $parent = $this.closest('ul'),
        expanded = $parent.find('.show'),
        closed = $parent.find('.collapse:not(.show)'),
        collapseData;

    if (expanded && expanded.length) {
        collapseData = expanded.data('collapse');
        if (collapseData && collapseData.transitioning) {
            return;
        }
        if (expanded.collapse) { // if collapse plugin is available through bootstrap.js then use it
            expanded.collapse('hide');
            closed.collapse('show');
        } else { // otherwise just toggle in class on the two views
            expanded.removeClass('show');
            closed.addClass('show');
        }
        if ($this.is('i')) {
            $this.toggleClass(options.icons.time + ' ' + options.icons.date);
            if ($this.hasClass(options.icons.date)) {
                $link.attr('title', options.tooltips.selectDate);
            } else {
                $link.attr('title', options.tooltips.selectTime);
            }
        } else {
            $this.find('i').toggleClass(options.icons.time + ' ' + options.icons.date);
            if ($this.find('i').hasClass(options.icons.date)) {
                $link.attr('title', options.tooltips.selectDate);
            } else {
                $link.attr('title', options.tooltips.selectTime);
            }
        }

        // NOTE: uncomment if toggled state will be restored in show()
        //if (component) {
        //    component.find('span').toggleClass(options.icons.time + ' ' + options.icons.date);
        //}
    }
},

No hover effects on calendar whatsoever.

Please why the hover effect does not work ?

In the demo i clearly see the hover effects.

showing startDate and time.

i am using this directive for datepicker.

<date-picker v-model="date" :config="options"></date-picker>

i am gonna to get date, when user clicks random day(not today).
in this case, how can i get this date?