J'utilise jQuery sélecteur de date pour afficher le calendrier partout dans mon application. Je veux savoir si je peux l'utiliser pour afficher le mois et l'année (mai 2010) et non le calendrier?
Réponses
Trop de publicités?
Voici un hack (mis à jour avec le fichier .html entier):
<!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>
EDIT jsfiddle pour l'exemple ci-dessus: http://jsfiddle.net/bopperben/DBpJe/
Leniel Macaferi
Points
38324
Ce code fonctionne parfaitement pour moi :
BrianS
Points
2867
@Ben Koehler, qui est le préfet ! J’ai fait une modification mineure afin qu’à l’aide d’une seule instance du sélecteur de dates plus d’une fois fonctionne comme prévu. Sans cette modification, la date est mal analysée, et la date précédemment sélectionnée n’est pas mis en évidence.
user1857829
Points
201
Erik Polder
Points
91
