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

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

WBOY

リリース： 2016-05-16 16:01:58

オリジナル

2058 人が閲覧しました

使用説明書:

プラグイン 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");

})

ダウンロードアドレス

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