Avatar billede heyn Nybegynder
16. maj 2014 - 01:41 Der er 4 kommentarer og
1 løsning

Jeg har brug for en datetime picker

Hej Eksperter

Jeg har brug for en datetime picker der også gør sig godt på en smartphone's interface. Den må meget gerne være i JQuery. Men det skal helst være uden JQuery-UI. Jeg ønsker så lidt datatransport som muligt af hensyn til at det også er beregnet til smartphones.

Jeg har kikket en del på nettet men har ikke rigtig kunnet finde en der lever op til mine krav. De er:

- Man skal kunne vælge både dato og tid.
- Man skal kunne 'picke' sig frem til tid fra en liste med interval på ½ time.
- Der skal være en 'set' button så man ikke er nødt til at klikke ved siden af 'pickeren' for at lukke den.
- Den skal kunne sættes til dansk datoformat (dag 1 i ugen = mandag)

Jeg har prøvet http://xdsoft.net/jqplugins/datetimepicker/ men den har flere problemer i forhold til et smartphone interface. Ud over det med 'set' button og datoformat så indsætter den automatisk også tid når man vælger dato således at man meget vel kommer til at sætte tiden 23:14 selv om kun ½ timer tilladt.

Brugerne af min side har meget tænkeligt stort set ingen erfaring med computere så det skal være ekstremt simpelt.

Nødløsningen er at opdele det i date- og timepicker, men jeg ser helst at det ikke er nødvendigt.

Det er virkelig vigtigt at det også gør sig godt på smartphones. Men det skal også fungere på ikke-touch screens.

Venligst Christian

P.s. Hvis man anvender jquery-mobile får man så også alle funktionaliteterne fra basis-jquery-filen med el. er JQuery-mobile en addon til JQuery?
16. maj 2014 - 03:34 #1
Her er et par stykker som du måske kan bruge:
http://amsul.ca/pickadate.js/
http://dev.jtsage.com/jQM-DateBox/


jQuery Mobile er en "addon". Så du skal tilføje begge script i headeren:
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.css" />
    <script src="http://code.jquery.com/jquery-[version].min.js"></script>
    <script src="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>
Avatar billede heyn Nybegynder
17. maj 2014 - 08:19 #2
Kender du en date (+time) picker der samtidig gør det umuligt at skrive via tastatur i indput feltet?
17. maj 2014 - 21:19 #3
Prøv at sætte input elementet til "ready only":
<input type="text" id="datetime" readonly="true">
Avatar billede heyn Nybegynder
20. december 2014 - 11:12 #4
Tak for svaret og undskyld forsinkelsen.

Smid et svar
Avatar billede heyn Nybegynder
25. marts 2015 - 20:05 #5
Svaret?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester