Tarih Seçicisi

Merhabalar

Formum için bir tarih seçicisine ihtiyacım var

<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/libs/css/style.css">
<link rel="stylesheet" href="assets/vendor/fonts/fontawesome/css/fontawesome-all.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.20/datatables.min.css"/>
<script  src="https://code.jquery.com/jquery-3.5.1.js"  integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="  crossorigin="anonymous"></script>    
<script>
$('.datepicker').datepicker({  
format: 'mm/dd/yyyy',});  </script>

.
.
                            <input type="text" class="form-control" id="datepicker">

şeklinde birşeyler buldum ama çalıştıramadım. Nasıl hallederiz bu sorunu?

javascript içinde class olarak belirtmişsiniz, ama html kısmında id olarak kullanıyorsunuz.
bu kısmı

 <input type="text" class="form-control" id="datepicker">

şu şekilde değiştirniz

 <input type="text" class="datepicker  form-control">

eğer farklı bir hata varsa da tarayıcı consol ekranından takip edebilirsiniz.