1 |
wakaba |
1.2 |
|
2 |
|
|
|
3 |
|
|
* [CODE(HTMLe)@en[input]] [CODE(HTMLa)@en[type]] [CODE(HTML)@en[date]] (HTML)
|
4 |
|
|
|
5 |
|
|
[4]
|
6 |
|
|
[[HTML]] の [CODE(HTMLe)@en[[[input]]]]
|
7 |
|
|
[[要素]]の [CODE(HTMLa)@en[[[type]]]] [[属性]]を
|
8 |
|
|
[DFN@en[[CODE(HTML)[[[date]]]]]] とすると、
|
9 |
|
|
[[日付]]を指定する[[フォーム制御子]]となります。
|
10 |
|
|
|
11 |
|
|
[5] 仕様書:
|
12 |
|
|
- [[Web Forms 2.0]]
|
13 |
|
|
-- [CSECTION@en[2.4. Extensions to the [CODE(HTMLe)@en[[[input]]]] element]]
|
14 |
|
|
<IW:WF2:"#extensions">
|
15 |
|
|
|
16 |
|
|
[[#comment]]
|
17 |
|
|
|
18 |
|
|
|
19 |
|
|
** 値
|
20 |
|
|
|
21 |
|
|
|
22 |
|
|
*** 構文
|
23 |
|
|
|
24 |
|
|
[6]
|
25 |
|
|
[[DOM]] 内や[[フォーム提出]]時に用いられる値は、
|
26 |
|
|
[[ISO 8601]] の[[プロファイル]]であり、
|
27 |
|
|
次のような構文を有します。
|
28 |
|
|
- [[年]]: 4桁以上の[[数字]] ([CODE(char)[[[0]]]]〜[CODE(char)[[[9]]]])
|
29 |
|
|
- [CODE(char)[[[-]]]]
|
30 |
|
|
- [[月]]: 2桁の[[数字]]
|
31 |
|
|
- [CODE(char)[[[-]]]]
|
32 |
|
|
- [[日]]: 2桁の[[数字]]
|
33 |
|
|
|
34 |
|
|
[[数]]は[[十進数]]と[['''しなければなりません''']]。
|
35 |
|
|
必要なら[[零埋め]][['''しなければなりません''']]。
|
36 |
|
|
|
37 |
|
|
[SRC@en[WF2 2.4]]
|
38 |
|
|
|
39 |
|
|
[[#comment]]
|
40 |
|
|
|
41 |
|
|
|
42 |
|
|
*** 例
|
43 |
|
|
|
44 |
|
|
[7] [CODE(HTML example)[1995-12-31]]
|
45 |
|
|
[SRC@en[WF2 2.4]]
|
46 |
|
|
|
47 |
|
|
[[#comment]]
|
48 |
|
|
|
49 |
|
|
|
50 |
|
|
*** メモ
|
51 |
|
|
|
52 |
|
|
[14] [[暦]]に関しては [CODE(HTML)@en[[[datetime]>>12]]]
|
53 |
|
|
の項を参照してください。
|
54 |
|
|
|
55 |
|
|
[15] [[零点]]は、 [CODE(HTML)@en[[[1970-01-01]]]]
|
56 |
|
|
です。
|
57 |
|
|
[SRC@en[WF2 2.4.2]]
|
58 |
|
|
|
59 |
|
|
[[#comment]]
|
60 |
|
|
|
61 |
|
|
|
62 |
|
|
** 属性との関係
|
63 |
|
|
|
64 |
|
|
[8]
|
65 |
|
|
[CODE(HTMLa)@en[[[step]]]] [[属性]]は[[日]]単位の精度を表します。
|
66 |
|
|
[[既定値]]は [CODE(HTML)[[[1]]]] (1[[日]]) です。
|
67 |
|
|
[SRC@en[WF2 2.4]]
|
68 |
|
|
|
69 |
|
|
[[#comment]]
|
70 |
|
|
|
71 |
|
|
|
72 |
|
|
** レンダリング
|
73 |
|
|
|
74 |
|
|
[9]
|
75 |
|
|
[[利用者エージェント]]は適切な [[widget]]、
|
76 |
|
|
例えば日付選択制御子 ([[datepicker]])
|
77 |
|
|
を示すことが期待されます。
|
78 |
|
|
[SRC@en[WF2 2.4]]
|
79 |
|
|
|
80 |
|
|
[[#comment]]
|
81 |
|
|
|
82 |
|
|
|
83 |
|
|
** 互換性
|
84 |
|
|
|
85 |
|
|
[13] '''未対応利用者エージェントとの互換性'''
|
86 |
|
|
|
87 |
|
|
[CODE(HTML)@en[[[date]]]] に対応していない[[利用者エージェント]]は、
|
88 |
|
|
[CODE(HTML)@en[[[text]]]] (単一行[[文章入力制御子]])
|
89 |
|
|
として扱います。従って、[[利用者]]は任意の文字列を入力することができます。
|
90 |
|
|
|
91 |
|
|
ですから、[[著者]]は、対応している[[利用者エージェント]]が一般的になるまでの間、
|
92 |
|
|
[[フォーム制御子]]の近くで記入方法を説明しておくのがよいでしょう。
|
93 |
|
|
[[フォーム処理エージェント]]は記入された値が適当か検査するべきです
|
94 |
|
|
(これは[[安全性]]の観点からも重要です)。
|
95 |
|
|
|
96 |
|
|
[[#comment]]
|
97 |
|
|
|
98 |
|
|
|
99 |
|
|
** 歴史
|
100 |
|
|
|
101 |
|
|
[10]
|
102 |
|
|
この [CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[type]]]]
|
103 |
|
|
は [[Web Forms 2.0]] で導入されました。
|
104 |
|
|
|
105 |
|
|
[[#comment]]
|
106 |
|
|
|
107 |
|
|
|
108 |
|
|
** 実装
|
109 |
|
|
|
110 |
|
|
[11]
|
111 |
|
|
[[Opera 9]] が実装しています。
|
112 |
|
|
|
113 |
|
|
[[#comment]]
|
114 |
|
|
|
115 |
|
|
|
116 |
|
|
** 関連
|
117 |
|
|
|
118 |
|
|
[12]
|
119 |
|
|
[CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[type]]]]
|
120 |
|
|
として、[[時刻]]のための [CODE(HTML)@en[[[time]]]]、
|
121 |
|
|
[[日付]]と[[時刻]]のための [CODE(HTML)@en[[[datetime]]]]
|
122 |
|
|
と [CODE(HTML)@en[[[datetime-local]]]]、
|
123 |
|
|
[[月]]のための [CODE(HTML)@en[[[month]]]]
|
124 |
|
|
があります。
|