アトリエロワ

カレンダー

カレンダーのcss

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css">

jQueryの下に設置

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

さらに下にjsを追加

//カレンダー
$(function () {
  $('.datepicker').datepicker();
});

inputタグにclassを設定

<input type="text" id="" class="datepicker">

HOME > javascript > カレンダー

javascript

javascript