web-dev-qa-db-fra.com

jQuery - Contrôle du sélecteur de date mobile

Existe-t-il un contrôle Date Picker que je pourrais utiliser sur jQuery Mobile? 

Il doit être capable de sauvegarder les dates localement, etc.

javascripthtml5jquery-mobiledatepicker
16
Satch3000

En voici un qui a de bonnes capacités:

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

22
Donovan Woodside

Il y a un calendrier expérimental. Je l'ai utilisé avec succès.

Jetez un coup d'oeil ici: http://jquerymobile.com/test/experiments/ui-datepicker/

3
Tim

Pour une vue du calendrier, jetez un coup d’œil à Contrôle du calendrier

Cela fonctionne avec ou sans filateurs de date et d'heure (le calendrier est seulement possible). Il s'intègre également aux thèmes jQuery Mobile, si vous le souhaitez.

0
Levi Kovacs

Alors que je cherchais un sélecteur de date à utiliser sur un appareil mobile, j'en ai trouvé un (via stackoverflow: https://stackoverflow.com/a/3023446/2100636 ) qui fonctionne avec jQuery et ui theming. J'ajoute celui-ci comme réponse car il peut être intéressant de le prendre en considération car il est basé sur l'idée de fonctionnalité . Il a des options que je n'ai pas vues avec d'autres préparateurs, et je pense que je peux très bien l'intégrer à un design réactif/mobile. Je mettrai à jour mes progrès si je finis par l'utiliser.

Sur leur site Web, http://www.AMA3.com/anytime/ , la description ci-dessous résume mieux que je peux. Il est également sous licence Creative Commons.

Pour commencer, jetez un coup d'œil à ces alternatives de date/heure:

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

Puis regardez ces CHOIX DE STYLE:

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

C'est aussi PROGRAMMABLE-FRIENDLY:

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

Et n'oublions pas ces CARACTÉRISTIQUES USABILITY:

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

Je développe une application PhoneGap et j’ai besoin des fonctionnalités de datepicker/calender:

En gros, sur votre page, vous ajoutez algon avec CSS et le code JavaScript pour 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>

Le plus important:

$("#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});
});

De plus, si vous ne voulez pas de popup, vous pouvez le rendre statique.

0
tosha Shah