JSFiddle - React, Tailwind, and code Playground

by birdie2019

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<label for="check-in">入住日期</label>
<input id="check-in" type="text" >
<br>
<label for="check-out">退房日期</label>
<input id="check-out" type="text" >

CSS

input {
  margin-top: 30px;
}

JavaScript

$('#check-in').datetimepicker({
	timepicker:false,
  format:'Y/m/d',
  minDate: 0,
});

$('#check-out').datetimepicker({
	timepicker:false,
  format:'Y/m/d',
  minDate: 0,
});