How to add Datepicker in Bootstrap 4 and 5

Hi Friends,
In this video you will learn how to add datepicker in Bootstrap 4 and 5.
Plugins:
*************************************************************
cdn.jsdelivr.n...
cdnjs.cloudfla...
cdnjs.cloudfla...
ajax.googleapi...
cdn.jsdelivr.n...
cdnjs.cloudfla...
*************************************************************
Bootstrap 5
cdn.jsdelivr.n...
cdn.jsdelivr.n...
GitHub Code :
github.com/Fro...
github.com/Fro...
Music: www.bensound.com

[@freemanwong106]

OMG I had been struggling with this issue since I cannot make datepicker working with BS5 even after reading a lot of so-called "example". All of them fail in my case. BUT your codes work for me!! THANKS!!

[@frontendpaathshala6272]

Glad it helped!

[@MuhammadRizwan-ln8vk]

Thank you so much , hay can i get dd-mm-yyyy format using it?

[@BienesRaicesMendi]

$(function() { $('#datepicker').datepicker({ format: 'dd/mm/yyyy', }); });

[@ucduyvo4552]

What should I console.log to get the exact date you choose?

[@nameless-heart]

You save my time. Thank you.

[@frontendpaathshala6272]

Great to hear!

[@oliver721ify]

if I want to change the language?

[@mateusdeveloper56]

Very Good, thank you! 👏

[@frontendpaathshala6272]

Glad it helped !!

[@death_blows5391]

Amazing channel

[@frontendpaathshala6272]

Thank you so much 😀

[@jorenbugarin1784]

Can you show how to combine Date and time also? using Bootsrap 5

[@julianchoprato31]

hi, thanks its really usefull i just wanted to know how can i change the format to yy-mm-dd

[@samkarpa4937]

great video

[@frontendpaathshala6272]

Thanks!

[@witchakornsuansong2310]

It works!!! very nice & thanks

[@vincentv.jackbauer4447]

Pour le mettre en date FR voici le code: $(function() { $('#datepicker').datepicker({ format: 'dd/mm/yyyy', }); });

[@httnlacuaanh8612]

thank you very much it help a lot

[@frontendpaathshala6272]

Glad it helped !!

[@thankgodonmeje8418]

Very helpful. Thanks alot

[@frontendpaathshala6272]

Glad it was helpful

[@AlThePal78]

Great video but you can just add

[@frontendpaathshala6272]

Ok, thanks

[@riolu7234]

I think you are jesus!!

[@amishagoel2883]

Great video! I am working on building a custom calendar using angular, which has only year view and the format should be YYYY-YY'. For example- '2020-21', '2021-22' and so on. Please make a video on only year selection in a calendar and should have the format yyyy-yy

[@MadaSuresh-m3p]

I found a bug in date picker. when I select date picker. Previous dates are appearing in text box pop up. please look into this happy coding

[@frontendpaathshala6272]

sure

[@kncdepartmentinternational6952]

how to display the time in the datetimepicker? thanks in advance

[@thesander1999]

Me wonder too!

[@dr-mnizam]

@@thesander1999 var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();

[@ivangessler9847]

It works. Thank you so much!

[@frontendpaathshala6272]

Glad it helped!

[@robertvandegraaff2260]

Thank you very much. Very clear explanation.

[@frontendpaathshala6272]

Glad it was helpful!

[@jvusa]

Thank you so much, It worked and your explanation in excellent

[@frontendpaathshala6272]

Glad it helped!

[@FernandaFoxSantos]

thanks!

[@frontendpaathshala6272]

Welcome!

[@brittosmonteiro]

Thank you! It was very helpful!

[@frontendpaathshala6272]

Glad it helped!

[@Dr.UdaraSenarathne]

Thank you very much!

[@frontendpaathshala6272]

Welcome!

[@saurabhtiwari-kg9vn]

Thank you, bootstrap date time picker also work with this CDN please help

[@sortiz03]

is there a way to get the code of this example?

[@frontendpaathshala6272]

github.com/Frontend-Paathshala/Datepicker-Bootstrap-4.git github.com/Frontend-Paathshala/Datepicker-Bootstrap-5.git

[@ashiqurrahman123]

on bootstrap 4 after selecting the date pop up is not disappeared. how can i disappear this?

[@neilcain1818]

many thanks

[@frontendpaathshala6272]

No worries!

[@cd2stw]

Excelent! thanks!

[@frontendpaathshala6272]

Glad it helped!

[@giorgosterzis3331]

Please add somewhere the code so we can copy paste it

[@frontendpaathshala6272]

github.com/Frontend-Paathshala/Datepicker-Bootstrap-4.git github.com/Frontend-Paathshala/Datepicker-Bootstrap-5.git

[@saulgvrs]

Ty!

[@frontendpaathshala6272]

No problem !

[@realchobo]

Vanilla JS version Please.

[@tiktokvideo5242]

thank you

[@HanifaRifnaz-j4z]

how to choose the time

[@KGakaKINGGENE]

Isn't the Idea of Bootstrap 5 that we don't use JQUERY ? This is not a good solution. You have to post a solution where you don't use jquery.

[@frontendpaathshala6272]

getbootstrap.com/docs/5.0/getting-started/javascript/