このプロパティのデフォルト値はfalseです。

これにより、事前定義された範囲が選択された場合、コントロールはカレンダーを非表示にします。

このプロパティのデフォルト値は true。

選択された日付の表示に使用される書式を取得または設定します。

書式文字列は、.NET形式の 日付書式文字列として表されます。 'd'として表されます。 このプロパティのデフォルト値は 'd'で、カルチャに依存する短い日付形式 （例：米国では6/15/2020、フランスでは15/6/2020、 日本では2020/6/15）を表します。

このプロパティのデフォルト値はtrueです。

このプロパティをfalseに設定すると、コントロールのドロップダウンcalendarのカスタムのホイール操作も無効になります。

このフォーマッター関数は、任意の日付に任意の内容を追加できます。そのため、カレンダーの外観と動作を全面的にカスタマイズすることが可能です。

この関数は以下の2つのパラメーターをとります。

• 書式設定する日付
• 日付を表すHTML要素

以下のサンプルコードは週末を無効な状態で表示します。

inputDate.itemFormatter = (date, element) => {
const day = date.getDay();
element.style.backgroundColor = day == 0 || day == 6 ? 'yellow' : '';
}

指定された場合、このバリデーター関数は、調べる日付を表す1つのパラメーターを受け取り、その日付が無効で選択できない場合、falseを返す必要があります。

以下のサンプルコードは、週末の日付を選択できないようにします。

inputDate.itemValidator = date => {
const weekday = date.getDay();
return weekday != 0 && weekday != 6;
}

このプロパティは、コードから text プロパティを使用して無効なテキストが設定された場合にのみ有効です。エンドユーザーによって無効な値が設定された場合の動作には影響しません。

このプロパティのデフォルト値はfalseです。

マスクの書式は、wijmo.input.InputMask コントロールで使用される書式と同じです。

指定する場合、このマスクは format プロパティおよびseparatorプロパティの値と互換性がある必要があります。 たとえば、「MM/dd/yyyy」と書式設定された日付範囲の入力に、「-」区切り文字でマスク「99/99/9999 - 99/99/9999」を使用できます。

このプロパティのデフォルト値は null,です。これは、最も早い日付が定義されていないことを意味します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。

このプロパティのデフォルト値は null,です。これは、最も早い日付が定義されていないことを意味します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。

このプロパティのデフォルト値は2です。

このプロパティの詳細については、Calendar.monthCountプロパティを参照してください。

同じカレンダーに複数の月を表示する場合、月は折り返し可能なflex-boxコンテナを使用して表示されます。 CSSを使用して、ドロップダウンの行ごとに表示される月数を制限できます。

たとえば、次のサンプルコードドは、行ごとに3か月を表示するドロップダウンを使用してInputDateコントロールを作成します。

import { InputDate } from '@mescius/wijmo.input';
let idt = new InputDate(document.createElement('#theInputDate'), {
    monthCount: 6,
    dropDownCssClass: 'three-months-per-row'
});

.three-months-per-row .wj-calendar-multimonth {
    width: calc(3 * 21em);
}

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ役に立ちます。

オブジェクト内の各プロパティは、事前定義された範囲を表し、プロパティ名で識別され、2つの日付（範囲の開始と終了）を持つ配列で定義されます。

null値のプロパティは、カレンダーをクリックして定義するカスタム範囲を表します。

以下に例を示します。

import { DateTime } from '@mescius/wijmo';
import { InputDate } from '@mescius/wijmo.input';

new InputDate(host, {
    selectionMode: 'Range',
    predefinedRanges: getRanges()
});

function getRanges() {
    let dt = DateTime,
        now = new Date();
    return {
        '今週': [dt.weekFirst(now), dt.weekLast(now)],
        '先週': [dt.weekFirst(dt.addDays(now, -7)), dt.weekLast(dt.addDays(now, -7))],
        '来週': [dt.weekFirst(dt.addDays(now, +7)), dt.weekLast(dt.addDays(now, +7))],

        '今月': [dt.monthFirst(now), dt.monthLast(now)],
        '先月': [dt.monthFirst(dt.addMonths(now, -1)), dt.monthLast(dt.addMonths(now, -1))],
        '来月': [dt.monthFirst(dt.addMonths(now, +1)), dt.monthLast(dt.addMonths(now, +1))],
        'カスタムの範囲': null
    };
}

日付範囲の選択を有効にするには、selectionModeプロパティをDateSelectionMode.Rangeに設定します。

これにより、選択範囲はvalueプロパティとrangeEndプロパティによって定義されます。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は0です。これは、範囲の長さの最大値がないことを意味します。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は0です。これは、範囲の長さの最小値がないことを意味します。

このプロパティのデフォルト値は true。

このプロパティは、ドロップダウンカレンダーの動作に影響しますが、 日付の表示に使用する書式には影響しません。 selectionMode を'Month'に設定した場合は、通常、 format プロパティを'MMM yyyy'などの日を含まない書式に 設定する必要があります。次に例を示します。

import { InputDate } from '@mescius/wijmo.input';
var inputDate = new InputDate('#el, {
  selectionMode: 'Month',
  format: 'MMM yyyy'
});

このプロパティのデフォルト値はDateSelectionMode.Dayです。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は「 - 」です。

このプロパティのデフォルト値は true。

このプロパティのデフォルト値は ShowMonthPicker.First。

このプロパティのデフォルト値は true。

このプロパティのデフォルト値は現在の日付です。

このプロパティのデフォルト値は zero。

このプロパティのデフォルト値は zero。