2012-07-26 15 views
12

Stiamo lanciando un nuovo sistema di gestione dei contenuti e ripristinando i moduli di input dell'utente in modo tale da consentire al reparto marketing il controllo totale su ciò che viene visualizzato, in quale ordine ecc. Voglio davvero usare il jQuery plugin ui datepicker perché possiamo praticamente collegare le sue regole di convalida direttamente nel CMS, consentendo un controllo completamente personalizzabile senza alcun input di sviluppo. L'ho mostrato e mostrato quanto è facile da configurare.Plugin di convalida della data senza calendario

Le nostre forme attuali utilizzano tre diversi menu a discesa, uno per giorno, mese e anno. Ci sono alcune persone che non si stanno muovendo per allontanarsi da questo aspetto. Li abbiamo visti tutti, uno di questi:

<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> 

Posso realizzare questo, senza dubbio. Quello che non voglio fare è scrivere e mantenere una libreria javascript che traduca le regole da un CMS in input js - ci deve essere un modo migliore.

Ho mostrato loro i selettori di selezione mese/anno nel plug-in ui jquery: http://jqueryui.com/demos/datepicker/#dropdown-month-year ma non lo stanno ancora acquistando. Qualcosa sul mostrare i giorni del mese ... stakeholder.

Quello che voglio sapere è se esiste un plug-in configurabile esistente che corrisponde/rivalizza il plug-in dell'interfaccia utente jQuery in configurabilità e fornisce il fattore di forma a 3 selezioni. Mi sto servendo in particolare dello mindate, maxdate (per diversi intervalli di date per diversi tipi di input) e delle opzioni altformat (per tradurre automaticamente il formato di presentazione che il nostro backend si aspetta). Scusa se la mia frustrazione sta venendo fuori ... e grazie per l'input.

Modifica: appena ricordato c'è un'area UI/UX separata nello stack exchange. Le mie scuse se questo è più adatto laggiù - Non ho ancora un account lì.

+1

Penso che questo appartenga qui, sembra più la codifica del design ... – Charlie

+0

Mentre è comunemente poco saggio dire al "no" degli stakeholder, puoi renderli consapevoli dei costi/implicazioni delle loro decisioni. Dite loro quanto tempo ci vorrà per codificare correttamente e mantenere i 3 selezioni rispetto a quanto tempo ci vorrà per implementare il datepicker. –

+0

Ho letto questo argomento due volte e non capisco appieno cosa stai cercando di fare e come le risposte attuali non ti diano risultati soddisfacenti. Puoi fornire più feedback nel tuo scenario attuale? – Khez

risposta

2

Andando dal titolo della domanda, si potrebbe guardare in datejs per tutti la data di analisi, la convalida e l'incremento.

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

+1

+1 Questo mostra la promessa. In precedenza avevo trovato il 'Date Format 1.2.3 * (c) 2007-2009 Steven Levithan ' per la formattazione della data, ma sembra che avrà più controllo della gamma di cui ho bisogno. –

1

Non sono sicuro che ci sia già qualcosa di perfettamente adatto a ciò di cui hai bisogno.

È tuttavia possibile utilizzare date-utils, che semplificherà la convalida. Ecco alcuni esempi tratti dalla documentazione:

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

Si può provare mobiscroll che sarà ancora fornisce tutte le funzionalità di discesa come il tatto senza compromettere la bellezza.

mobiScroll

+0

Sono sicuro di non essere l'unico a cui davvero non piace usarli. –

+0

Perché non ti piace usarli? – Gautam

+0

Se deselezionato, occupa più spazio di 3 drop-down separati. Quando selezionato, mi mostra meno opzioni di un menu a discesa. Anche se non è progettato per un mouse tanto quanto i touch screen, ci vogliono più clic per raggiungere i valori che sto cercando. Quando si utilizza uno schermo tattile è molto più facile sfogliare il valore che si desidera scegliere. –

1

Che dire this?

Il collegamento dell'esempio è here.

+0

L'ho provato, ma è ancora al contrario del mio caso d'uso ideale. Questo sta guidando un widget di calendario Datepicker da alcuni drop down. Non è possibile compilare automaticamente o limitare i menu a discesa dalle opzioni di DatePicker. Potrei usare una piccola parte del loro codice di esempio, ma in realtà non salva nulla su un'implementazione completamente personalizzata. –

Problemi correlati