pingcheng / bootstrap4-datetimepicker

datetimepicker for bootstrap 4

Home Page:http://eonasdan.github.io/bootstrap-datetimepicker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Display Error with bootstrap 4

donprecious opened this issue · comments

These plugin has issue with bootstrap 4, dates dont display

Hi, thanks for reporting this.

I would look into it when I got free.

Hi @donprecious, I just did a quick test, it shows all elements without problems.
Could you replicate it in jsfiddle or post your code and screenshot here?
Thanks

Hi @pingcheng , I am also unable to see the dates. The datepicker popup is empty.

I tried to copy html code for the datepicker popup which is displayed after clicking the icon as below:
datepicker-popup.txt

I can see some references to 'glyphicon glyphicon-chevron-left' in that code, but bootstrap 4 is not supporting it.

Attaching my html code and screenshot.
datepicker_code.txt

screen shot 2018-04-21 at 2 05 03 pm

It would be great if you can look into it.

Thanks

Okay, here's my observation.

  1. I installed the package using npm bower
  2. I was importing the js and css from 'build' directory
  3. Then, I downloaded the code from git and replaced the files in build directory with newly downloaded code.
  4. And now, it is showing the dates.

I am new to bower. Do I have to perform any additional steps to use the plugins correctly?

Hi, @m1017108, thank you for reporting this

This is a forked repo from the original author since he did not update this for bs4, which npm command you used? I did not put the command in the README.md yet.

This repo's npm command is

npm i pc-bootstrap4-datetimepicker

Could you try with this one? but I will test with bower again thanks

Hi @pingcheng ,

Thanks for the quick response.

I used the below command to copy repo, which gave me original repo.
bower install eonasdan-bootstrap-datetimepicker#latest --save

I will use above command given by you and try.