2012-07-26 18 views
12

wprowadzamy nowy system zarządzania treścią i ponawianie nasze formularze wprowadzania danych przez użytkownika w sposób, który pozwala dział marketingu całkowitą kontrolę nad tym, co jest wyświetlane, w jakiej kolejności itd. Naprawdę chcę użyć jQuery ui wtyczka datepicker, ponieważ możemy w zasadzie podłączyć jej zasady sprawdzania poprawności bezpośrednio do CMS, umożliwiając w pełni dostosowywalne sterowanie bez żadnego wejścia dev. Pokazałem to i pokazałem, jak łatwo jest skonfigurować.Data walidacji wtyczki bez kalendarza

Nasze obecne formy wykorzystać trzy różne upadki drop, po jednym dla każdego dnia, miesiąca i roku. Jest kilka osób, które nie rezygnują z odejścia od tego wyglądu/odczucia. Wszyscy je widzieliśmy, jeden z nich:

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

Mogę to wdrożyć bez żadnych wątpliwości. To czego nie chcę robić to napisać i utrzymywać bibliotekę javascript, która tłumaczy reguły z CMSa na js input - musi być lepszy sposób.

Pokazałem im selektory rozwijane miesiąca/roku w plugin jquery ui: http://jqueryui.com/demos/datepicker/#dropdown-month-year, ale wciąż nie kupują tego. Coś o pokazaniu dni miesiąca ... interesariuszom.

Co chcę wiedzieć, czy jest istniejący konfigurowalny plugin, który pasuje/rywalizuje plugin jQuery UI w konfigurowalność i dać 3-select obudowie. Szczególnie korzystam z mindate, maxdate (dla różnych zakresów dat dla różnych typów danych wejściowych) i altformat (aby automatycznie przetłumaczyć format przesyłania, którego oczekuje nasz backend). Przepraszam, jeśli moja frustracja wychodzi ... i dziękuję za wkład.

Edycja: przypomniano sobie, że istnieje osobny obszar UI/UX podczas wymiany stosu. Przepraszam, jeśli jest tam lepiej - nie mam jeszcze konta.

+1

myślę, to należy tutaj, wydaje się więcej niż kodowanie projektu ... – Charlie

+0

Mimo to powszechnie nierozsądne, aby poinformować zainteresowane strony „nie”, można uświadomić im kosztów/konsekwencje swoich decyzji. Powiedz im, ile czasu zajmie ci prawidłowe kodowanie i utrzymywanie 3 wybranych w porównaniu do czasu, jaki zajmie wdrożenie datepika. –

+0

Przeczytałem ten temat dwa razy i nie do końca rozumiem, co próbujesz zrobić i jak obecne odpowiedzi nie dają satysfakcjonujących rezultatów. Czy możesz podać więcej opinii na temat swojego rzeczywistego scenariusza? – Khez

Odpowiedz

2

Przechodzenie przez tytule pytanie, można zajrzeć do datejs dla całego data analizowania, walidacji i zwiększany.

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

+1

+1 To pokazuje obietnicę. Poprzednio znalazłem "Format daty 1.2.3 * (c) 2007-2009 Steven Levithan " do formatowania daty, ale wygląda na to, że będzie miał więcej sprawdzania zakresu, jakiego potrzebuję. –

1

Nie jestem pewien, czy istnieje już coś idealnie pasującego do tego, czego potrzebujesz.

Można jednak użyć date-utils, który będzie uprościć walidacji. Oto przykłady zaczerpnięte z dokumentacji:

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

Można spróbować mobiscroll który będzie wciąż zapewnia wszystkie funkcje rozwijanej jak dotyk, bez narażania na wygląd.

mobiScroll

+0

Jestem pewien, że nie jestem jedynym, który naprawdę nie lubi ich używać. –

+0

Dlaczego nie lubisz ich używać? – Gautam

+0

Po odznaczeniu zajmuje więcej miejsca niż 3 osobne listy rozwijane. Po wybraniu pokazuje mi mniej opcji niż menu rozwijane. Mimo że nie jest przeznaczony dla myszy i ekranów dotykowych, potrzeba więcej kliknięć, aby uzyskać wartości, których szukam. Podczas korzystania z ekranu dotykowego znacznie łatwiej przesuniesz się obok wartości, którą chcesz wybrać. –

1

Co this?

Link przykładu jest here.

+0

Wypróbowałem to, ale nadal jest ono w mojej idealnej sytuacji. To napędza widget kalendarza datepicker z niektórych menu rozwijanych. Nie może w ogóle automatycznie wypełniać ani ograniczać rozwijania z opcji datepaktera. Mogę użyć małej części ich przykładowego kodu, ale tak naprawdę nie zapisuje niczego na w pełni niestandardowej implementacji. –

Powiązane problemy