À la recherche de JavaScript Mois Picker

Question

À la recherche de JavaScript Mois Picker

Demandé el 12 de Octobre, 2008: Quand la question a-t-elle été
31425 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je suis à la recherche d'un JavaScript mois de l'outil de sélection. Je suis déjà à l'aide de jQuery sur le site, donc si il s'agissait d'un plugin jQuery, qui cadrerait bien. Je suis ouvert à d'autres options.

En gros, je suis après une version simplifiée de l' INTERFACE utilisateur de jQuery Sélecteur de Date. Je ne m'inquiète pas à propos de la journée du mois en cours, le mois et l'année. En utilisant le contrôle de Sélecteur de Date se sent comme exagéré, et une bidouille. Je sais que je pourrais simplement utiliser une paire de sélectionner des cases, mais qui se sent encombré, et puis j'ai aussi besoin d'un bouton de confirmation.

Je suis envisageant une grille de deux rangées de six colonnes, ou trois rangées de quatre colonnes, pour la sélection du mois et en cours et les années à venir sur le dessus. (Peut-être la possibilité de lister quelques années? Je ne peux pas voir quelqu'un avoir jamais à aller plus qu'une année ou deux à l'avance, donc si je pouvais la liste actuelle et les deux prochaines années, ce serait de la houle)

C'est vraiment juste une bêtise version du DatePicker. Fait quelque chose comme ça existent?

Demandé el 12 de Octobre, 2008 par Adam Tuttle

Answer 1

5 Réponses

Answer 2

19voto

Cory Points 4442

Ben Koehler de cette question équivalente offre un hack jquery ui qui fonctionne décemment. Cité ici pour plus de commodité, tout le mérite lui revient.

JSFiddle de cette solution

- Voici un hack (mis à jour avec le fichier entier .html):

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<script type="text/javascript">
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>
<style>
.ui-datepicker-calendar {
    display: none;
    }
</style>
</head>
<body>
    <label for="startDate">Date :</label>
    <input name="startDate" id="startDate" class="date-picker" />
</body>
</html>

Répondu el 27 de Juillet, 2010 par Cory (4442 Points )

Answer 3

11voto

gustavohenke Points 9454

Pour quelqu'un toujours à la recherche de l'avant dans ce (que j'étais), voici une belle, facile à utiliser, l'INTERFACE utilisateur de jQuery compatible, bien documenté, testé alternative:

Month picker example

Son utilisation par défaut est simple comme procédant de la manière suivante:

$("input[type='month']").MonthPicker();

Répondu el 15 de Octobre, 2013 par gustavohenke (9454 Points )

Answer 4

9voto

Ramon Tayag Points 1827

Trouvé un sur lucianocosta.info . Ça a l'air bien:

Sélecteur de mois en action

Répondu el 12 de Novembre, 2012 par Ramon Tayag (1827 Points )

Answer 5

8voto

user167850 Points 230

Regardez ce lien: http://project.yctin.com/monthpicker/demo/ . Je pense que ça fait ce que tu cherches.

Répondu el 14 de Novembre, 2009 par user167850 (230 Points )

Answer 6

3voto

Paolo Bergantino Points 199336

J'ai utilisé ce script dans un programme il y a quelque temps. Bien qu'il soit ancien, il fonctionne bien sur tous les navigateurs. Si vous regardez "Calendrier de sélection du mois", je pense que c’est ce que vous recherchez. L’exemple qui s’y trouve a le calendrier qui s’ouvre dans une nouvelle fenêtre (ew) mais 1 paramètre (comme le deuxième exemple) le fait apparaître à l’aide de jQuery. Bonne chance.

Répondu el 12 de Octobre, 2008 par Paolo Bergantino (199336 Points )

À la recherche de JavaScript Mois Picker

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

À la recherche de JavaScript Mois Picker

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: