日付ピッカは日付を入力できます。 3 つの種類が利用でき、type 属性を使って指定できます。
normal - 年、月、日を入力する 3 つのフィールドを持った日付ピッカ。grid - 日付を選択するカレンダーグリッドを持った日付ピッカ。popup - 3 つのフィールドを持つ普通の日付ピッカですが、ポップアップするグリッドを表示する、追加のドロップダウンボタンがあります。選択された日を設定するには方法がいくつかあります。XUL では特定の日付に初期化するため value 属性に YYYY-MM-DD 形式の値を設定できます。もし指定されていない場合、日付ピッカのデフォルトは現在の日付です。
選択された日付を変えるには value プロパティに YYYY-MM-DD 形式で新しい値を入れることができます。dateValue プロパティは Date オブジェクトを使って日付を得たり設定できます。さらに date および month, year プロパティで日付のそれぞれの要素を別々に取得したり変更することができます。
日付が変更されるたびに change イベントが発生します。
別の月に移動したり表示されるたびに monthchange イベントが grid と popup datepicker に対して発生します。
<datepicker type="grid" value="2007-03-26"/>
disabledtrue に設定されていたら、その要素は無効化されています。無効化された要素は通常グレイ表示のテキストで描画されます。要素が無効化されていると、ユーザのアクションには応答せず、フォーカスもあてられず、command イベントも発生しません。
firstdayofweek 0 から 6 までの範囲です。0 は日曜日で 6 が土曜日です。初期値はロケールによって決定されるため、上書きするにはこの属性を使用するしかありません。 readonlytrue に設定した場合、ユーザは要素の値を変更できません。しかし、スクリプトからは依然として値を変更できます。readonly 属性は XBL フィールド上で正しく動作しませんでした。tabindex tab キーが押下されたときにフォーカスが移動する順番です。より大きな tabindex の値をもつ要素は、タブの遷移が後になります。 typetype 属性に設定できます。normal: 年、月、日を入力する 3 つのフィールドを持った日付ピッカ。これはデフォルトの値なので、この種類を望む場合は type 属性を指定しないでください。grid: 1 ヶ月を一度に表示するカレンダーグリッドを持った日付ピッカ。popup: 3 つのフィールドを持った日付ピッカですが、プレスするとカレンダーグリッドを表示する追加のドロップダウンボタンがあります。value
datedateLeadingZeromonthmonthLeadingZeroopenreadOnlytrue に設定すると、ユーザは要素の値を変更できなくなります。yearyearLeadingZeroXUL 要素からの継承
blur, click, doCommand, focus, getElementsByAttribute, getElementsByAttributeNS
DOM 要素からの継承
addEventListener(), appendChild(), compareDocumentPosition, dispatchEvent(), getAttribute(), getAttributeNode(), getAttributeNodeNS(), getAttributeNS(), getElementsByTagName(), getElementsByTagNameNS(), getFeature, getUserData, hasAttribute(), hasAttributeNS(), hasAttributes(), hasChildNodes(), insertBefore(), isEqualNode, isSameNode, isSupported(), lookupNamespaceURI, lookupPrefix, normalize(), removeAttribute(), removeAttributeNode(), removeAttributeNS(), removeChild(), removeEventListener(), replaceChild(), setAttribute(), setAttributeNode(), setAttributeNodeNS(), setAttributeNS(), setUserData