path: root/files/pl/mozilla/tech/xul/datepicker/index.html

---
title: datepicker
slug: Mozilla/Tech/XUL/datepicker
tags:
  - Dokumentacja_XUL
  - Elementy_XUL
translation_of: Archive/Mozilla/XUL/datepicker
---
<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 <code>datepicker</code> pozwala użytkownikowi na wprowadzenie daty. Trzy typy są wyświetlone, które to mogą być określone przy zastosowaniu atrybutu <code>type</code>.
</p>
<ul><li><code>normal</code> - datepicker z trzema polami dla wprowadzenia roku, miesiąca i dnia. </li><li><code>grid</code> - datepicker z siatką kalendarza dla zaznaczonego dnia.
</li><li><code>popup</code> - normalny element datepicker z trzema polami, lecz z dodatkowym rozwijanym przyciskiem wyświetlającym wyskakującą siatkę.
</li></ul>
<p>Jest tu kilka sposobów na ustawienie zaznaczenia dnia. W języku XUL wartość atrybutu może być ustawiona na wartość w formie: <var>YYYY/MM/DD</var>, aby inicjalizować datepicker do pewnej daty. Jeśli nie jest określona to domyślnie datepicker jest bieżącym dniem.
</p><p>Aby zmienić zaznaczoną datę, wartość własności może być zastosowana do ustawienia nowej wartości w formie <var>YYYY/MM/DD</var>. Własność <code>dateValue</code> może być zastosowana do odzyskania i ustawienia daty stosując obiekt <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Date">Date</a>. W dodatku własności <code>date</code>, <code>month</code> i <code>year</code> mogą być zastosowane do odzyskania i modyfikacji każdego komponentu daty osobno.
</p>
<dl><dt> Atrybuty </dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-firstdayofweek">firstdayofweek</a>, <a href="#a-readonly">readonly</a>, <a href="#a-type">type</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-date">date</a>, <a href="#p-dateLeadingZero">dateLeadingZero</a>, <a href="#p-dateValue">dateValue</a>, <a href="#p-disabled">disabled</a>, <a href="#p-month">month</a>, <a href="#p-monthLeadingZero">monthLeadingZero</a>, <a href="#p-open">open</a>, <a href="#p-readOnly">readOnly</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>, <a href="#p-year">year</a>, <a href="#p-yearLeadingZero">yearLeadingZero</a>
</dd></dl>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad"> Przykład </h3>
<p><img alt="Grafika:Controlsguide-datepicker-grid.png">
</p>
<pre>&lt;datepicker type="grid" value="2007/03/26"/&gt;
</pre>
<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-firstdayofweek">

<dl>
 <dt>
  <code id="a-firstdayofweek"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/firstdayofweek">firstdayofweek</a></code></dt>
 <dd>
  Typ:
  <i>
   integer</i>
 </dd>
 <dd>
  Dzień tygodnia, który jest wyświetlany jako pierwszy dzień w siatce kalendarza. Zakres wartości jest od 0 do 6, gdzie 0 jest niedzielą, a 6 jest sobotą. Domyślna wartość jest określana lokalnie, więc tylko stosujemy ten atrybut, jeśli chcemy to przesłonić.</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-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-datepicker.type">


<dl>
 <dt><a href="pl/XUL/Atrybut/datepicker.type">type</a></dt>
 <dd>Typ:<em>jedna z wartości poniżej</em></dd>
 <dd>Możemy ustawić typ atrybutu na jeden z poniższych określonych typów elementu datepicker, aby je zastosować:</dd>
</dl>

<ul>
 <li><code>normal</code>: Element datepicker z trzema polami dla wprowadzenia roku, miesiąca i dnia. Ta wartość jest domyślna, więc nie określaj typu atrybutu, jeśli jego wartość jest już pobrana.</li>
 <li><code>grid</code>: Element datepicker, który wyświetla siatkę kalendarza , gdzie jeden miesiąc jest pokazany w jednym czasie.</li>
 <li><code>popup</code>: Element datepicker z trzema polami do wprowadzenia lecz but an additional dropdown button, which, when pressed, will display a popup calendar grid.</li>
</ul>



<p> </p>
</div>
<div id="a-datepicker.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>
  Łańcuch znaków pozwalający na łączenie sie wartości daty z elementem. Nie jest stosowany dla określonego celu, lecz możemy uzyskać do niego dostęp przy pomocy skryptu, wykorzystując go do własnych celów.</dd>
</dl>

<p></p>
</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-date">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/date">date</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczona data dnia miesiąca od 1 do 31. Ustaw tą własność do zmiany zaznaczonej daty.</dd>
</dl></div>
<div id="p-dateLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/dateLeadingZero">dateLeadingZero</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 datą zanim jest ona mniejsza niż 10.</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-month">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/month">month</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczony miesiąc z przedziału od 0 do 11. Ustaw tą własność, aby zmienić zaznaczony miesiąc.</dd>
</dl></div>
<div id="p-monthLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/monthLeadingZero">monthLeadingZero</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 miesiącem zanim jest on mniejszy niż 10.</dd>
</dl></div>
<div id="p-datepicker.open"></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-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-datepicker.value"></div>
<div id="p-year">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/year">year</a></span></code></dt>
  <dd>
    Typ: <i>integer</i></dd>
  <dd>
    Aktualnie zaznaczony rok z przedziału od 1 do 9999. Ustaw tą własność, aby zmienić zaznaczony rok.</dd>
</dl></div>
<div id="p-yearLeadingZero">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/yearLeadingZero">yearLeadingZero</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 rokiem zanim jest on mniejszy niż 1000.</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>
<div class="noinclude">
</div>