2011-04-05 23 views
16

¿Existe un control de selector de fecha que pueda usar en jQuery Mobile?jQuery - Control de selector de fecha móvil

Tiene que ser capaz de guardar localmente fechas, etc.

+0

El desafortunado pensar en el calendario experimental es que se reestructuran ella, por lo que los cambios podrían ser significativos. – user603714

+5

Estoy bastante confundido. Encontré que esta pregunta buscaba un ** calendario ** (para mostrar los eventos por semana, día, hora, etc.) no como un selector de fechas: sin embargo, las respuestas, incluida la oferta aceptada, brindan citas. Pero el "Necesita poder guardar fechas localmente, etc." requisito indica un calendario real, no solo un selector de fecha, entonces, ¿qué está pasando aquí ?! –

Respuesta

22

Aquí hay uno que tiene algunas buenas capacidades:

http://dev.jtsage.com/jQM-DateBox/

+0

Estoy usando este y funciona muy bien. Tuve algunos problemas con el del sitio de JQM: http://jquerymobile.com/test/experiments/ui-datepicker/ –

+0

Lo único que no me gustó de este calendario es que forzar el formato de fecha mm/dd/aaaa lo rompió .. – tomdemuyt

3

Hay un calendario experimental. Lo utilicé con éxito.

Echa un vistazo aquí: http://jquerymobile.com/test/experiments/ui-datepicker/

+0

Intención muy ... ¿Alguna idea de cómo/si podría crear notas sobre las fechas y guardarlas? – Satch3000

+0

Sí, podrá crear notas en las fechas. Si le dice en qué se hizo clic, ¿dónde está el problema? – naugtur

+3

El enlace ahora está roto, el nuevo enlace (en github) es https://github.com/filamentgroup/jQuery-Mobile-Themed-DatePicker – tomdemuyt

-1

http://dev.jtsage.com/jQM-DateBox/

El datebox es muy limpio y funciona bien para los que siguen buscando.

+0

Respuesta redundante ... es lo mismo que la respuesta aceptada, y fue respondida más de un año antes de que se diera esta respuesta. – saluce

0

Estoy desarrollando una aplicación PhoneGap y donde necesito datepicker/capacidades de calandra:

Básicamente en su página añades Algon con CSS y código JavaScript para jQuery Mobile:

<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" /> 

<div data-role="content"> 
    <input name="myminutesdate" id="myminutesdate" type="date" data-role="datebox" 
      data-options='{"mode": "calbox","dateFormat":"%m/%d/%Y","calUsePickers": true, "calNoHeader": true,"highDates": ["2012-12-07" , "2012-07-12"] }' ></input> 

Lo más importante:

$("#minutesPage").live('pageshow',function(event) { 
    var today = new Date(); 

    var date = today.getDate(); 
    var month = (today.getMonth()+1); 
    var year = today.getFullYear(); 

    var todayStr = month+"/"+date+"/"+year; 
    $('#myminutesdate').trigger('datebox', {'method':'set', 'value':todayStr}); 
}); 

Además, si no desea una ventana emergente, puede hacerla estática.

0

Para una vista de calendario echar un vistazo a la Calendar Control

Funciona con o sin fecha y hiladores de tiempo (de calendario sólo es posible). También se integra con jQuery Mobile Themes, si lo estás buscando.

0

Mientras buscaba un selector de fechas para usar en dispositivos móviles, encontré uno (mediante stackoverflow: https://stackoverflow.com/a/3023446/2100636) que funciona con jQuery y ui tematizado. Estoy agregando este como respuesta porque puede ser bueno considerarlo porque está enraizado en la idea de funcionalidad. Tiene opciones que no vi con otros recolectores, y creo que puedo incorporarlo bastante bien en un diseño receptivo/móvil. Actualizaré mi progreso si termino usándolo.

Desde su sitio web, http://www.ama3.com/anytime/, la descripción a continuación lo resume mejor que yo. También está licenciado bajo Creative Commons.

Para empezar, echar un vistazo a estos FECHA/HORA ALTERNATIVAS:

12-hour or 24-hour clock 
custom date/time format (countless possibilities, including JSON and XML) 
date-only, time-only, or specific fields! 
date/time range limits 
era-selection (BCE/CE, BC/AD, etc.) 
start week on any day (Sunday, Monday, etc.) 
custom base for 2-digit years (1900, 2000, etc.) 
UTC offsets and time zones 

Entonces PEEP estas opciones estilo:

custom labels/languages 
custom CSS styles 
jQuery UI Theming 
jQuery UI Theme Switcher 
jQuery ThemeRoller 
pop-up or always-present picker 
visible or hidden field 

también es PROGRAMADOR -RECESITO:

easy to implement 
easy AJAX validation 
easy Date/String conversion, including JSON and XML 
create multiple pickers at once 
easy removal 
easy to extend 

Y no nos olvidemos de esas características de uso:

single-click value selection 
double-click select-and-dismiss 
WAI-ARIA 1.0 keyboard accessibility 
em-based relative-size 
Cuestiones relacionadas