datepicker bootstrap 4 на русском

Following the examples on above page, I can make it work with Bootstrap 3.

Using this code datepicker appears correctly.

But doing the same with Bootstrap 4:

Makes it look less professional:

Looks like font and spacing are messed up in Bootstrap 4 version.

How can I get same look and feel of datepicker in Bootstrap 4?

2 Answers 2

You can too override default datepicker classes like the following:

the default bootstrap font size is 1rem or 16px so update .datepicker class font-size: 0.875em; or/and update the cell width and height:

can be used to include the datepicker without depending on the Twitter Bootstrap library.

Opencart v.2.3
Bootstrap v.4
jQuery v.3
moment.js v.2.15.1
bootstrap-datetimepicker v. 4.17.42

После обновления не реагируют кнопки календаря (datetimepicker)
Где копать? дело в CSS или в Jquery или в Javascript в файлах шаблона или в контроллерах.
или BS 4 не совместим с datetimepicker BS 3

может кто знает как альтернативу прикрутить к Opencart
xdsoft.net/jqplugins/datetimepicker

в админке OC работает, там дефолтный BS 3, Jquery и т.д

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 53809d00faddd715 • Your IP : 78.85.5.224 • Performance & security by Cloudflare

Оцените статью