軽量ネイティブjsカレンダープラグインcalendar.js使い方ガイド_javascriptスキル

使用説明書:

プラグイン 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 が設定されていない場合、デフォルトは targetId
です。 alignId: カレンダー ボックスの配置ベース。設定されていない場合、デフォルトは targetId
です。 hms: 時、分、秒をオンにするかどうか。デフォルト値は 'on' (時、分、秒をオンにすることを意味します) (2014-09-20 10:00:00)、および 'off' です。これは、時、分、秒モードをオフにすることを意味します (2014-09-20)
format: 日付形式。デフォルト値は '-' (2014-09-20)、'/' は (2014/09/20) を意味します
min: 最小時間制限。min の時間形式は前の時間形式と同じままです
max: 最大時間制限。max の時間形式は以前の時間形式と同じままです
zIndex: 最大制限時間、カレンダー ボックス レベル、デフォルト 9999

モジュール化を使用する必要がある場合は、依存する必要があるモジュールをインポートするだけです

例:

コードをコピーします コードは次のとおりです:

define('mod1',[],function(require,exports,module){
var xvDate = require("xvDate");
})

ダウンロードアドレス

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。