19 Nguyễn Trãi, Thanh xuân, Hà nội 8.00 am - 17.30 pm

info@tapato.vn 0902 22 5561

Sử dụng DatePicker trong bootstrap 5

Sử dụng Date time picker

<div class="input-group date" id="datepicker">
        <input type="text" class="datepicker_input form-control" id="date"  />
        <span class="input-group-append"  for="date" >
          <span class="input-group-text bg-light d-block">
            <i class="fa fa-calendar"></i>
          </span>
        </span>
      </div>

 

<!--Chèn vào cuối trang-->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />    

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" ></script>


<script type="text/javascript">
      $(".datepicker_input").datepicker({
        format: "dd-mm-yyyy",
      });
    </script>

16 Nov 2023

Hỏi Đáp:
Please choose a unique and valid username.