ホームページ > ウェブフロントエンド > jsチュートリアル > 軽量ネイティブ JS カレンダー プラグイン Calendar.js 使用ガイド

軽量ネイティブ JS カレンダー プラグイン Calendar.js 使用ガイド

高洛峰
リリース: 2017-02-06 10:28:08
オリジナル
2910 人が閲覧しました

使用説明:

プラグイン 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 サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート