JSFiddle - React, Tailwind, and code Playground

by Hiramoto Makiko

HTML

<!-- CSS -->
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

<!-- JS -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="//usen-ssi.co.jp/acci/js/jquery.holiday.js"></script>
<script type="text/javascript" src="//usen-ssi.co.jp/acci/js/datepicker-ja.js"></script>

<!-- 入力欄 -->
<input placeholder="例：2021年1月1日" class="datepicker" readonly="readonly" type="text" name="name" value="" />

JavaScript

$('.datepicker').datepicker({
    minDate: '+1d',
    maxDate: '+1m',
    dateFormat: 'yy年mm月dd日',
}).holiday();