ホームページ > 記事 > ウェブフロントエンド > 軽量ネイティブ JS カレンダー プラグイン Calendar.js 使用ガイド
使用説明:
プラグイン Calendar.js/calendar.min.js を導入する必要があります
Calendar.css スタイル シートを導入する必要があります。必要なスキンをカスタマイズできます
このカレンダー プラグインは、では、cmd モジュール化がサポートされています
次のように呼び出します:
xvDate({ 'targetId':'date1',//时间写入对象的id 'triggerId':['date1','dateBtn1'],//触发事件的对象id 'alignId':'datesWrap1',//日历对齐对象 'format':'-',//时间格式 默认'YYYY-MM-DD HH:MM:SS' 'min':'2014-09-20 10:00:00',//最大时间 'max':'2014-10-30 10:00:00'//最小时间 });
パラメータの説明:
targetId: 日付を書き込むオブジェクトの ID。空にすることはできません。
triggerId: イベントをトリガーするオブジェクトの ID (設定されていない場合はデフォルト) is targetId
alignId: カレンダー ボックスの配置ベース (設定されていない場合、デフォルト) Is targetId
hms: 時、分、秒がオンかどうか。デフォルト値は「on」です。これは、時、分、秒を意味します。
format: 日付形式のデフォルト値は ' です。 -' (2014-09-20)、'/' は (2014/09/20) を意味します
min: 最小時間制限、min の時間形式は以前の時間形式と同じです
max: 最大時間制限、 max の時間形式は以前の時間形式と同じです
zIndex: 最大時間制限、カレンダー ボックスのレベル、デフォルトは 9999 です
モジュール化を使用する必要がある場合は、依存モジュールにインポートするだけです
例:
define('mod1',[],function(require, exports, module){ var xvDate = require("xvDate"); })
上記がこの記事の全内容です。皆さんに気に入っていただければ幸いです。
軽量ネイティブ JS カレンダー プラグイン Calendar.js の使用ガイドと関連記事については、PHP 中国語 Web サイトに注目してください。