JSFiddle - React, Tailwind, and code Playground

by dfg312546

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css">
<div>入住日期</div>
<input type="text" class="inputStyle" id="checkIn" placeholder="Y/M/D">

<div>退房日期</div>
<input type="text" class="inputStyle" id="checkOut" placeholder="Y/M/D">

CSS

.inputStyle {
  border-radius: 5px;
  border-width:thin;
  padding:5px;
  margin-bottom:15px;
}

JavaScript

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

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