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

Voici un qui a de bonnes capacités:

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

Je suis en train d'élaborer un PhoneGap application et où j'ai besoin datepicker/calendrier des capacités:

Fondamentalement sur votre page, vous ajoutez algon avec les 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});
});

Aussi, si vous ne voulez pas une fenêtre, vous pouvez la rendre statique.

Alors que j'étais à la recherche d'un sélecteur de date pour utilisation sur des appareils mobiles, je l'ai trouvé (via stackoverflow: https://stackoverflow.com/a/3023446/2100636) qui fonctionne avec jQuery et de l'interface utilisateur de la thématisation. Je suis d'ajouter ce un comme une réponse, car il peut être bon de considérer, car elle est enracinée dans l'idée de fonctionnalité. Il a des options que je n'ai pas les voir avec d'autres cueilleurs, et je pense que je peux l'intégrer dans un réactif/mobile conception assez bien. Je vais mettre à jour avec mes progrès si j'arrive à la fin de l'utiliser.

À partir de leur site web, http://www.ama3.com/anytime/la description ci-dessous résume mieux que je peux. C'est également sous licence Creative Commons.

Pour commencer, jetez un oeil à ces DATE/HEURE ALTERNATIVES:

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 peep 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 PROGRAMMEUR de l'environnement:

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 d'utilisation:

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