Calendar

コンポーネントの構成

Calendarのスタイルは、typeプロパティの設定によってそれぞれ異なる下位コントールが表示されるため、参照されるスタイルの内容も異なります。

ノーマルタイプ

Cal01

スピンタイプ

Cal02

マンスオンリータイプ

Cal03

Control Map

Cal04

セレクター一覧

対象

セレクター区分

種類

Calendar

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

下位コントロール

dropbutton

calendarspinupbutton

calendarspindownbutton

datepicker

calendaredit

datepicker(DatePickerControl)

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

下位コントロール

head

body

head

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

下位コントロール

prevbutton

nextbutton

yearspin

monthspin

yearstatic

monthstatic

.head .prevbutton

.head .nextbutton

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[userstatus=pushed]

[userstatus=selected]

.head .yearspin

.head .monthspin

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

下位コントロール

spinedit

spinupbutton

spindownbutton

.head .yearstatic

.head .monthstatic

ステータス

[status=disabled]

[status=mouseover]

body

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

下位コントロール

weekband

weekitem

dayitem

.body .weekband

ステータス

[status=disabled]

[status=mouseover]

.body .weekitem

ステータス

[status=disabled]

[status=mouseover]

[status=readonly]

[userstatus=saturday]

[userstatus=sunday]

.body .dayitem

ステータス

[status=disabled]

[status=mouseover]

[status=focused]

[status=readonly]

[userstatus=selected]

[userstatus=day]

[userstatus=today]

[userstatus=saturday]

[userstatus=sunday]

[userstatus=trailingday]

NON XCSSプロパティ

XCSSで定義できない一般プロパティです。nexacro studioのプロパティリストもしくはスクリプトより設定します。

分類

プロパティ名

説明

Appearance

buttonsize

ドロップダウンボタンやスピンボタンを幅のサイズ

daysize

カレンダーで日付枠のサイズ

headhight

head部分の高さ

popupsize

ポップアップするカレンダー枠のサイズ

popuptype

ポップアップカレンダーの表示位置。「system」にすることでモバイルではシステムUIが利用できます。

popupsizeプロパティ値を設定していない場合は「undefined」として動作します。「undefined」に設定時のポップアップカレンダー（DatePicker）の幅と高さはそれぞれ「220」、「200」になります。