[]
デモ ヘルプ APIリファレンス
トライアル版
(Showing Draft Content)

Inputman.GcDateTimePicker

GcDateTimePicker クラス

階層

  • GcDateTimePicker

コンストラクタ

プロパティ

メソッド

イベント

コンストラクタ

constructor

  • var picker_container = document.getElementById('picker_container');
var config = {
    minDate: new Date(1999,0,1,0,0,0),
    maxDate: "Mon Aug 20 2018 15:10:18 GMT+0800",
    type: InputMan.PickerType.DateTime,
    minutesInterval: 1,
    secondsInterval: 5
    yearFormat: function(date){
        return date.getFullYear() + "年";
    },
    monthFormat: function(date){
        return date.getMonth() + 1 + "月";
    },
    dayFormat: funtion(date){
        var day = date.getDate()
        if (day < 10){
            return  "0" + day;
        }
        return day.toString();
    }
};
var picker = new GC.InputMan.GcDateTimePicker(picker_container, config);

    引数

    • eleHtml: HTMLElement
    • オプション pickerConfig: PickerConfig

      GcDateTimePickerの設定

    戻り値 GcDateTimePicker

プロパティ

読み取り専用 componentName

componentName: string

コンポーネント名を取得します。

enabled

enabled: boolean

コントロールやオブジェクトを有効にするかどうかを示す値を設定または取得します。

参照：setEnabled

isShowMidnightAs24

isShowMidnightAs24: boolean

時刻を24時間で表示するかどうかを設定または取得します。

参照：showMidnightAs24

isShowSeconds

isShowSeconds: boolean

日付時刻ピッカーに「秒」を表示するかどうかを設定または取得します。

参照：showSeconds

maxDate

maxDate: Date | string | number

択可能な日付の最大値を設定または取得します。

参照：setMaxDate

minDate

minDate: Date | string | number

選択可能な日付の最小値を設定または取得します。

参照：setMinDate

minuteInterval

minuteInterval: Interval

「分」で選択する間隔を設定または取得します。

参照：setMinuteInterval

pickerType

pickerType: PickerType

日付時刻ピッカーの種類を設定または取得します。

参照：setPickerType

secondsInterval

secondsInterval: Interval

「秒」で選択する間隔を設定または取得します。

参照：setSecondsInterval

value

value: Date

日付時刻ピッカーの値を取得または設定します。

参照：getValue 参照：setValue

visible

visible: boolean

コントロールをページに表示するかどうかを示す値を設定または取得します。

参照：setVisible

メソッド

addEventListener

  • 指定したイベントが発生したときに実行する処理を設定します。

    function selectedDateChangedHandler(sender, args){
    console.log("Selected Date Changed.");
}
GcDateTimePicker.addEventListener(GC.InputMan.GcDateTimePickerEvent.SelectedDateChanged, selectedDateChangedHandler);

    引数

    戻り値 void

getValue

  • getValue(): Date

  • 日付時刻ピッカーで選択した値を取得します。
    参照：value

    戻り値 Date

    日付時刻ピッカーで選択した値

removeEventListener

  • addEventListenerで登録したイベントを削除します。

    GcDateTimePicker.removeEventListener(InputMan.GcDateTimePickerEvent.SelectedDateChanged, selectedDateChangedHandler);

    引数

    戻り値 void

setEnabled

  • setEnabled(value: boolean): void

  • コントロールやオブジェクトを有効にするかどうかを示す値を設定します。
    参照：enabled

    引数

    • value: boolean

      有効にする場合はtrue、それ以外はfalse。

    戻り値 void

setMaxDate

  • setMaxDate(maxDate: Date | string | number): void

  • 日付時刻ピッカーで選択可能な日付の最大値を設定します。
    参照：maxDate

    引数

    • maxDate: Date | string | number

      日付時刻ピッカーで選択可能な日付の最大値

    戻り値 void

setMinDate

  • setMinDate(minDate: Date | string | number): void

  • 日付時刻ピッカーで選択可能な日付の最小値を設定します。
    参照：minDate

    引数

    • minDate: Date | string | number

      日付時刻ピッカーで選択可能な日付の最小値

    戻り値 void

setMinuteInterval

  • setMinuteInterval(interval: Interval): void

  • 「分」で選択する間隔を設定します。
    参照：minuteInterval

    引数

    • interval: Interval

      「分」で選択する間隔

    戻り値 void

setPickerType

  • 日付時刻ピッカーの種類を設定します。
    参照：pickerType

    引数

    • type: PickerType

      日付時刻ピッカーの種類

    戻り値 void

setSecondsInterval

  • setSecondsInterval(interval: Interval): void

  • 「秒」で選択する間隔を設定します。
    参照：secondsInterval

    引数

    • interval: Interval

      「秒」で選択する間隔

    戻り値 void

setValue

  • setValue(date: Date): void

  • 日付時刻ピッカーの値を設定します。
    参照：value

    引数

    • date: Date

    戻り値 void

setVisible

  • setVisible(visible: boolean): void

  • 参照：visible

    引数

    • visible: boolean

    戻り値 void

showMidnightAs24

  • showMidnightAs24(value: boolean): void

  • 時刻を24時間で表示するかどうかを設定します。
    参照：isShowMidnightAs24

    引数

    • value: boolean

      24時間で表示する場合は trueを設定します。

    戻り値 void

showSeconds

  • showSeconds(v: boolean): void

  • 日付時刻ピッカーに「秒」を表示するかどうかを設定します。
    参照：isShowSeconds

    引数

    • v: boolean

    戻り値 void

イベント

SelectedDateChanged

  • 選択している日付時刻が変更されたときに発生します。

    function selectedDateChangedHandler(sender, args){
    console.log("Selected Date Changed.");
}
// イベントリスナーを追加します。
GcDateTimePicker.addEventListener(GC.InputMan.GcDateTimePickerEvent.SelectedDateChanged, selectedDateChangedHandler);

// イベントリスナーを削除します。
GcDateTimePicker.removeEventListener(GC.InputMan.GcDateTimePickerEvent.SelectedDateChanged, selectedDateChangedHandler);

    引数

    • sender: GcDateTimePicker

      イベントが発生したコントロールのオブジェクト

    戻り値 any