Calendario Jquery

Volver a Outbook

Calendario fijo

El calendario se muestra permanentemente (sin límites).

<div class="calendar-box">

 [...]
</div>

El calendario se muestra permanentemente (con límites).

<div class="calendar-box" 
data-min="2012-04-10"
data-max="2012-06-15">
  [...]
</div>

Calendario en campo de fecha

Calendario en campo de fecha sin limitaciones de fecha (Fecha 1):

<input type="date" />

Calendario en campo de fecha con acotación de fechas seleccionables (Fecha 2):

<input type="date" min="2012-11-20" max="2013-03-21" />

Calendario en campo de texto

Calendario en campo de texto sin limitaciones de fecha (Fecha 3):

<input type="text" />

Calendario en campo de texto con acotación de fechas seleccionables (Fecha 4):

<input type="text" class="date-picker" 
data-min="2012-11-20" data-max="2014-03-21" />