jscalendar日历控件の使い方

2年 ago
海斗, 葵
1 minute

JSCalendar カレンダー コントロールを使用するには次の手順に従ってください。

  1. 最初にHTMLページにJSCalendarの関連ファイルをインポートする必要があります。JSCalendarの公式サイトから最新バージョンのJSCalendarファイルをダウンロードし、プロジェクトフォルダに解凍します。
<link rel="stylesheet" type="text/css" href="path/to/jscalendar/css/jscal2.css" />
<script type="text/javascript" src="path/to/jscalendar/js/jscal2.js"></script>
<script type="text/javascript" src="path/to/jscalendar/js/lang/cn.js"></script>
  1. jscalendar-トリガ
  2. 転載専用
<input type="text" class="jscalendar-trigger" readonly />
  1. 最後に JavaScript ファイル中で JSCalendar コントロールを初期化する。
Calendar.setup({
inputField: "your-input-element-id",
trigger: "your-input-element-id",
onSelect: function() {
// 选择日期后的回调函数
}
});

「your-input-element-id」を、ご自身の入力フォーム要素のID に置き換えてください。

それにより、ユーザーが入力ボックスをクリックすると、カレンダーコントロールが現れ、ユーザーは日付を選択できます。日付を選択すると onSelect コールバック関数がトリガーされ、ここで必要な操作を実行できます。

JSCalendarカレンダーコントロールが、あなたの役にお立てば幸いです！

bannerAds