files/pl/mozilla/tech/xul/timepicker/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263

---
title: timepicker
slug: Mozilla/Tech/XUL/timepicker
tags:
  - Dokumentacja_XUL
  - Elementy_XUL
translation_of: Archive/Mozilla/XUL/timepicker
---
<p>
</p>
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
 « <a href="/pl/docs/Dokumentacja_XUL">Dokumentacja XUL</a>    [
 <a href="#Przyk.C5.82ady">Przykłady</a> |
 <a href="#Atrybuty">Atrybuty</a> |
 <a href="#W.C5.82asno.C5.9Bci">Własności</a> |
 <a href="#Metody">Metody</a> |
 <a href="#Podobne">Podobne</a> ]
</span></div> <p>Element timepicker jest stosowany, aby pozwolić użytkownikowi na wprowadzenie czasu. Stanowi trzy pola do wpisania godziny, minuty i sekundy. Przyciski strzałek obok pól pozwalają dostosować wartości za pomocą myszki. Czwarty pole tekstowe wyświetlane jest dla zegarów dwunastogodzinnych, które pozwala na wybranie pomiędzy AM lub PM.
</p><p>Określa wstępne zastosowane wartości atrybutu ustawione w jeden ze sposobów, czyli HH:MM:SS lub HH:MM. Wartość może być odzyskiwana i zmieniana stosując własność <code>value</code> lub własność <code>dateValue</code>. Ten poprzedni określił czas jako łańcuch znaków w formie HH:MM:SS, gdzie drugi określa czas jako obiekt <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Date">Date</a>. Dodatkowo własności godziny, minuty i sekundy mogą być stosowane do wyszukania i zmodyfikowania każdego komponentu oddzielającego czas.
</p><p><br>
</p>
<dl><dt> Atrybuty
</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-hideseconds">hideseconds</a>, <a href="#a-increment">increment</a>, <a href="#a-readonly">readonly</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a>
</dd></dl>
<dl><dt> Własności </dt><dd> <a href="#p-amIndicator">amIndicator</a>, <a href="#p-dateValue">dateValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-hideSeconds">hideSeconds</a>, <a href="#p-hour">hour</a>, <a href="#p-hourLeadingZero">hourLeadingZero</a>, <a href="#p-increment">increment</a>, <a href="#p-is24HourClock">is24HourClock</a>, <a href="#p-isPM">isPM</a>, <a href="#p-minute">minute</a>, <a href="#p-minuteLeadingZero">minuteLeadingZero</a>, <a href="#p-pmIndicator">pmIndicator</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-second">second</a>, <a href="#p-secondLeadingZero">secondLeadingZero</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>
</dd></dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<pre>&lt;timepicker value="12:05"/&gt;
</pre>
<p><img alt="Grafika:Controlguide-timepicker.png">
</p>
<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3>
<p>
</p><div id="a-disabled">

<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/disabled">disabled</a></code>
</dt><dd> Typ: <i>boolean</i>
</dd><dd> Określa, czy element jest wyłączony. Jeśli atrybut ten ma wartość <code>true</code>, to element będzie wyłączony. Wyłączone elementy zazwyczaj są wyszarzone. Jeśli element jest wyłączony, nie odpowiada na czynności użytkownika, nie może zostać na niego ustawiony focus, a zdarzenie <i>command</i> nie zostanie wywołane. </dd></dl>
<div class="float-right"><img alt="grafika:XUL_ref_attr_disabled.png"></div>
<pre>&lt;!-- Pole wyboru włącza/wyłącza przycisk --&gt;
&lt;checkbox label="Enable button"
    onclick="document.getElementById('buttRemove').disabled = this.checked"/&gt;
&lt;button id="buttRemove" label="Remove All" disabled="true"/&gt;
</pre>
</div>
<div id="a-hideseconds">

<dl>
  <dt>
    <code id="a-hideseconds"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/hideseconds">hideseconds</a></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Sygnalizuje gdzie pokazać pole sekund.</dd>
</dl>
</div>
<div id="a-readonly">

<dl><dt> <code id="a-readonly"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/readonly">readonly</a></code>
</dt><dd> Typ: <i>boolean</i>
</dd><dd> Jeśli ustawiony jest na <code>true</code>, to użytkownik nie będzie mógł zmienić wartości elementu. Jednakże wartość wciąż może zostać zmodyfikowana poprzez skrypt.
</dd></dl>


</div>
<div id="a-timepicker.increment">

</div>
<div id="a-tabindex">

<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tabindex">tabindex</a></code>
</dt><dd> Typ: <i>integer</i>
</dd><dd> Porządek dla przełączania elementów klawiszem Tab. Elementy o wyższym tabindex umieszczane są w dalszej części sekwencji przełączania.
</dd></dl>


</div>
<div id="a-timepicker.value">

<dl>
  <dt>
    <code id="a-value"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/value">value</a></code></dt>
  <dd>
    Typ: <i>string</i></dd>
  <dd>
    Początkowa wartość elementu timepicker w obu formach, czyli HH:MM:SS lub HH:MM.</dd>
</dl>
</div>
<p></p>
<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci"> Własności </h3>
<p>
</p><div id="p-amIndicator">
<dl><dt> <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/amIndicator">amIndicator</a></span></code>
</dt><dd> Typ: <i>string</i>
</dd><dd> Wartość łańcucha znaków wyświetlana dla godzin pomiędzy północą a południem, domyślnie jest to AM. Ta wartość określa się w zależności od czasu lokalnego użytkownika. </dd></dl>

</div>
<div id="p-dateValue">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/dateValue">dateValue</a></span></code></dt>
  <dd>
    Typ: <i>Date</i></dd>
  <dd>
    Data, która jest aktualnie wprowadzana lub zaznaczona w datepicker jako obiekt Date.</dd>
</dl></div>
<div id="p-disabled">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/disabled">disabled</a></span></code></dt>
 <dd>
  Typ:
  <i>
   boolean</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-disabled"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/disabled">disabled</a></code>.</dd>
</dl></div>
<div id="p-hideSeconds">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/hideSeconds">hideSeconds</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Sygnalizuje gdzie pole sekund jest widoczne lub nie.</dd>
</dl></div>
<div id="p-hour">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/hour">hour</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczona godzina z przedziału od 0 do 23. Ustaw tą własność, aby zmienić zaznaczoną godzinę.</dd>
</dl></div>
<div id="p-hourLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/hourLeadingZero">hourLeadingZero</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Wartość tylko do odczytu sygnalizująca gdzie wiodące zero powinno być wyświetlone przed godziną zanim jest ona mniejsza niż 10.</dd>
</dl></div>
<div id="p-increment">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/increment">increment</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Pobiera i ustawia wartość atrybutu <code id="a-increment"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/increment">increment</a></code>.</dd>
</dl></div>
<div id="p-is24HourClock">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/is24HourClock">is24HourClock</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Wartość tylko do odczytu sygnalizująca gdzie jest stosowany 12-godzinny, a gdzie 24-godzinny czas wyświetlania. Z 12-godzinnym czasem zegara, dodatkowe pole pozwala użytkownikowi na wybranie pomiędzy AM i PM.</dd>
</dl></div>
<div id="p-isPM">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/isPM">isPM</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Jeśli <code>false</code>, godzina jest pomiędzy 0 i 11, a jeśli <code>true</code> to godzina jest 12 lub większa.</dd>
</dl></div>
<div id="p-minute">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/minute">minute</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczona minuta z przedziału od 0 do 59. Ustaw tą własność, aby zmienić zaznaczoną minutę.</dd>
</dl></div>
<div id="p-minuteLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/minuteLeadingZero">minuteLeadingZero</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Wartość tylko do odczytu sygnalizująca gdzie wiodące zero powinno być wyświetlone przed minutą zanim jest ona mniejsza niż 10.</dd>
</dl></div>
<div id="p-pmIndicator">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/pmIndicator">pmIndicator</a></span></code></dt>
  <dd>
    Typ: <i>string</i></dd>
  <dd>
    Wyświetlana wartość łańcucha znaków dla godzin pomiędzy południem a północą, domyślnie jest to PM. Ta wartość jest określana dla użytkownika lokalnie.</dd>
</dl></div>
<div id="p-readOnly">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/readonly">readonly</a></span></code></dt>
 <dd>
  Typ:
  <i>
   boolean</i>
 </dd>
 <dd>
  Jeśli jest ustawiony na <code>true</code>, to użytkownik nie może zmieniać wartości elementu. Jest to odpowiednia własności do użytku <code><a href="/pl/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code> zamiast własności <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/readonly">readonly</a></span></code>.</dd>
</dl></div>
<div id="p-second">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/second">second</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczone sekundy z przedziału od 0 do 59. Ustaw tą własność, aby zmienić zaznaczone sekundy.</dd>
</dl></div>
<div id="p-secondLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/secondLeadingZero">secondLeadingZero</a></span></code></dt>
  <dd>
    Typ: <i>boolean</i></dd>
  <dd>
    Wartość tylko do odczytu sygnalizująca gdzie wiodące zero powinno być wyświetlone przed sekundą zanim jest ona mniejsza niż 10.</dd>
</dl></div>
<div id="p-tabIndex">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/tabIndex">tabIndex</a></span></code></dt>
 <dd>
  Typ:
  <i>
   integer</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-tabindex"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tabindex">tabindex</a></code>.</dd>
</dl></div>
<div id="p-timepicker.value">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/value">value</a></span></code></dt>
  <dd>
    Typ: <i>string</i></dd>
  <dd>
    Aktualnie wprowadzony czas w formie HH:MM:SS. Ustaw tą własność, aby zmienić czas.</dd>
</dl></div>
<p></p>
<h3 id="Metody" name="Metody"> Metody </h3>
<p></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Dziedziczy z elementu XUL</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Dziedziczy z elementu DOM</strong><br> <small> <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody>
</table>
<p></p>
<h3 id="Podobne" name="Podobne"> Podobne</h3>
<dl><dt> Interfejsy
</dt><dd> <a href="pl/NsIDOMXULControlElement">nsIDOMXULControlElement</a>
</dd></dl>
<p><br>
</p>
<div class="noinclude">
</div>