Smart TX Calendar
・単体で動作するJavaScriptライブラリ。
・📅アイコンをクリックでカレンダー表示、日付を選択入力。
・DD. MMDD. YYYYMMDD. 入力で動作するスマート入力。.の代わりに移動でも可。
📅
～
📅
<
>
コード
<!-- ヘッダー --> <link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./cal_style.css"> <!-- 入力フィールド・アイコン --> <div class="input-wrapper"> <div class="date-container" id="container1"> <input type="text" placeholder="YYYY-MM-DD" maxlength="10" autocomplete="off"> <span class="calendar-icon">📅</span> </div> <span>～</span> <div class="date-container" id="container2"> <input type="text" placeholder="YYYY-MM-DD" maxlength="10" autocomplete="off"> <span class="calendar-icon">📅</span> </div> </div> <div id="calendarUI" class="custom-calendar"> <div class="calendar-header"> <button id="prevMonth"><</button> <span id="calendarTitle"></span> <button id="nextMonth">></button> </div> <div class="calendar-grid" id="calendarGrid"> </div> </div> <!-- スクリプト --> <script src="./cal.js"></script>
SmartTXcal.zip
をダウンロード。解凍して利用出来ます。
