tempusdominus / bootstrap-4

Tempus Dominus Bootstrap 4 Datetime Picker
https://getdatepicker.com/5-4/
MIT License
611 stars 239 forks source link

bootstrap-datetimepicker-widget not showing #215

Closed joubert-m closed 5 years ago

joubert-m commented 6 years ago

Hello, I hope I'm not creating a problem for nothing, but I haven't found any solution or explanation to my problem.

I reproduced this code in an angular 5 app: https://jsfiddle.net/Eonasdan/bdxss6m8/

But only the current date is displayed, the widget isn't:

image

Strangely the widget appear in DOM: image

But I cannot access to widget element even in the debug window, the element disapear immediatly after any click: image

Here is my package.json : `"dependencies": {

...

"arrive": "2.4.1",
"bootstrap": "4.1.2",
"bootstrap-material-design": "4.1.1",
"bootstrap-notify": "^3.1.3",
"buildmail": "^4.0.1",
"chartist": "0.11.0",
"classlist.js": "1.1.20150312",
"core-js": "2.4.1",
"googleapis": "28.1.0",
"hammerjs": "2.0.8",
"jquery": "3.2.1",
"md5": "^2.2.1",
"moment": "2.18.1",
"ng-pick-datetime": "^5.2.6",
"popper.js": "1.14.3",
"rxjs": "5.5.10",
"tempusdominus-bootstrap-4": "^5.1.2",
"tempusdominus-core": "^5.0.3",
"ts-md5": "^1.2.4",
"util": "^0.11.0",
"zone.js": "^0.8.4"

},`

$('#datetimepicker1').datetimepicker(); is done in my component ngOnInit() function

I also followed https://github.com/fetrarij/ngx-tempusdominus-bootstrap but without any success

Thank you for your time

EssKegar commented 5 years ago

Have you found a solution? I just encountered the same issue today. Thanks

joubert-m commented 5 years ago

Nope sorry mate I used a different framework

EssKegar commented 5 years ago

Would you be so kind to tell me which one?

I was wasting so much time that I moved on to Selectize.js and it's working for me. However, not intuitive either. I just need more experience I guess.

Thanks in advance!