2012-07-26 16 views
12

Estamos lanzando un nuevo sistema de gestión de contenidos y rehacer nuestras formas de entrada de usuario de una manera que permite un control total del departamento de marketing sobre lo que se muestra, en qué orden, etc. Realmente quiero utilizar el jQuery ui datepicker porque básicamente podemos conectar sus reglas de validación directamente en el CMS, lo que permite un control totalmente personalizable sin ninguna entrada de desarrollo. Lo mostré y le mostré lo fácil que es configurarlo.Fecha de validación complemento sin el calendario

Nuestros formularios actuales utilizan tres menús desplegables diferentes, uno por día, mes y año. Hay algunas personas que no se están moviendo en alejarse de esta apariencia. Todos los hemos visto, uno de estos chicos:

<select> 
    <option value="">-- Month --</option> 
    <option value="1">Jan</option> 
    <option value="2">Feb</option> 
    <option value="3">etc.</option> 
</select> 
<select> 
    <option value="">-- Day --</option> 
    <option value="1">1</option> 
    <option value="2">etc.</option> 
    <option value="31">31</option> 
</select> 
<select> 
    <option value="">-- Year --</option> 
    <option value="etc.">etc.</option>       
</select> 

Puedo implementar esto, sin dudas. Lo que no quiero hacer es escribir y mantener una biblioteca de JavaScript que traduzca las reglas de un CMS en entradas js; tiene que haber una forma mejor.

Les he mostrado los selectores desplegables mes/año en el plugin jquery ui: http://jqueryui.com/demos/datepicker/#dropdown-month-year pero todavía no lo están comprando. Algo sobre mostrar los días del mes ... partes interesadas.

Lo que quiero saber es si existe un complemento configurable que coincida/compita con el plugin de jquery UI en la capacidad de configuración y proporcione el factor de forma de 3 selecciones. Estoy haciendo un uso particular de mindate, maxdate (para diferentes rangos de fechas para diferentes tipos de entrada), y opciones altformat (para traducir automáticamente el formato de envío que nuestro servidor espera). Lo siento si mi frustración está saliendo ... y gracias por la entrada.

Editar: Acabo de recordar que hay un área de UI/UX separada en el intercambio de pila. Mis disculpas si esto es más adecuado allí, todavía no tengo una cuenta.

+1

creo que esto pertenece aquí, parece más codificación de diseño ... – Charlie

+0

Si bien es comúnmente prudente decirle a las partes interesadas 'no', puede que sean conscientes de los costos/implicaciones de sus decisiones. Dígales cuánto tiempo le llevará codificar y mantener correctamente las 3 selecciones, en comparación con el tiempo que llevará implementar el selector de fecha. –

+0

Leí este tema dos veces y no entiendo completamente qué es lo que está tratando de hacer y cómo las respuestas actuales no le están dando resultados satisfactorios. ¿Puede proporcionar más comentarios sobre su escenario real? – Khez

Respuesta

2

A juzgar por el título de su pregunta, usted podría mirar en Datejs por toda su fecha de análisis, validación e incrementando.

http://code.google.com/p/datejs/

+1

+1 Esto muestra una promesa. Anteriormente había encontrado el 'Formato de fecha 1.2.3 * (c) 2007-2009 Steven Levithan ' para el formato de fecha, pero parece que tendrá más de la comprobación de rango que necesitaré. –

1

No estoy seguro de que ya haya algo adecuado para lo que necesita.

Puede sin embargo, utilizar date-utils, lo que simplificará su validación. Estos son algunos ejemplos tomados de la documentación:

Date.validateDay(day, year, month); // true/false whether a date is valid 

d.between(date1, date2); // true/false if the date/time is between date1 and date2 
d.isBefore(date); // true/false, true if this is before date passed 
d.isAfter(date); // true/false, true if this is after date passed 

d.toFormat(format); // returns date formatted with... 
0

Usted puede intentar mobiscroll que seguirán proporciona todas las características del desplegable como se sienten sin comprometer la apariencia.

mobiScroll

+0

Estoy seguro de que no soy el único a quien realmente no le gusta usarlos. –

+0

¿Por qué no te gusta usarlos? – Gautam

+0

Cuando se deselecciona, ocupa más espacio que 3 menús desplegables separados. Cuando se selecciona, me muestra menos opciones que un menú desplegable. Si bien no está diseñado tanto para mouse como para pantallas táctiles, requiere más clics para llegar a los valores que estoy buscando. Cuando se usa una pantalla táctil, es mucho más fácil deslizarse más allá del valor que deseaba elegir. –

1

¿Qué hay de this?

El enlace del ejemplo es here.

+0

Lo probé, pero todavía está al revés de mi caso de uso ideal. Eso está impulsando un widget de calendario de fechador en algunos menús desplegables. No puede rellenar automáticamente ni limitar los menús desplegables de las opciones de marcador de fecha. Puede que use una pequeña parte de su código de ejemplo, pero realmente no guarda nada en una implementación totalmente personalizada. –

Cuestiones relacionadas