Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - [Tuto] Plugin datepicker jQuery user interface
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

[Tuto] Plugin datepicker jQuery user interface

 Répondre Répondre Page  123>
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 4632
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Sujet: [Tuto] Plugin datepicker jQuery user interface
    Envoyé : Oct 29 2017 à 7:45pm
Utilisation la plus simple du plugin jQuery datepicker.



Étape 1 

Insérez un élément: Champ de saisie de texte



Étape 2

Ajoutez la classe perso "datepicker" au champ de saisie de texte de l'élément



Étape 3 

Insérez un bloc de code HTML en position Header avec le code suivant:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Étape 4

Insérez un bloc de code javascript en position EndBody avec le code suivant:

$( function() {$( ".datepicker" ).datepicker();} );


Voilà!


Option langue française

Étape 1 

Ajoutez le code suivant à votre bloc de code javascript:

jQuery(function($){
$.datepicker.regional['fr'] = {
monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
'Jul','Aoû','Sep','Oct','Nov','Déc'],
dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
weekHeader: 'Sm',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
dateFormat: 'dd-mm-yy',
yearSuffix: ''
};
});
$(function() {
$.datepicker.setDefaults($.datepicker.regional['fr']);
});


Note



Révisions

2017-10-29 Version originale du tuto
2017-10-29 version affichant datepicker français
2017-10-30 Correction au code javascript:  function($){  remplacé par    jQuery(function($){
2017-12-29 dateFormat: 'dd-mm-yy' ajouté sur recommandation de brolysan



Edité par Hobby001 - Dec 10 2018 à 2:07pm
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. <a href="http://denislafrance.net" rel="nofollow">http://denislafrance.net</a>
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9363
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 8:24am
Bien joué!!

Allez, plusqu'un élément à développer pour les reservations en ligne. 
Haut de la page
maryvonne88 allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 12 2017
Pays: FRANCE
Status: Inactif
Points: 93
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer maryvonne88 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 9:16am
Merci pour toutes ces merveilleuses attentions.
La francisation mmmm une délicatesse Clap
Merci à Brolysan pour son aimable remarque, mais je suis trop bavarde et aime trop le contact pour adopter (pour l'instant le principe de la réservation en ligne), en plus la modestie de notre structure (2 gîtes de 4 personnes) ne justifie pas l'adoption de la procédure des paiements par carte.
Je vais mettre tout cela en œuvre, à plus tard.
Maryvonne
Il ne s'agit pas de voir pour croire, mais de croire pour voir. --- http://www.aux-gemeaux.com/
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9363
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 9:40am
Je vous rassure, cet élément ne vous était pas uniquement dédié mais il est demandé depuis pas mal de temps. personne n'a encore osé le commencer à vrai dire...
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 4632
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 10:55am
Petite correction au code
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. <a href="http://denislafrance.net" rel="nofollow">http://denislafrance.net</a>
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 4632
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 11:09am
Message posté par brolysan brolysan a écrit:

Bien joué!!

Allez, plusqu'un élément à développer pour les reservations en ligne. 

Réservation en ligne:
  • Disponibilité des unités affichée sur un calendrier
  • Date d'arrivée
  • Date de départ
  • infos sur contact
  • Sécurité de l'information
  • Base de données SQL en passant par l'automatisation de l'installation
  • Interface de gestion sécurisée pour le responsable de l'établissement
  • Échange de données avec les sites de réservation
  • Acompte payé en ligne
On ne parle pas que d'un élément et ça n'est que ma maigre compréhension des besoins.


Edité par Hobby001 - Oct 30 2017 à 11:16am
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. <a href="http://denislafrance.net" rel="nofollow">http://denislafrance.net</a>
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9363
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 11:54am
Je me doute de la tâche complexe d'intégrer tout ça.
je suis en train de regarder d'ailleurs celui là.
Haut de la page
maryvonne88 allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 12 2017
Pays: FRANCE
Status: Inactif
Points: 93
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer maryvonne88 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 30 2017 à 12:33pm
Message posté par brolysan brolysan a écrit:

Je vous rassure, cet élément ne vous était pas uniquement dédié mais il est demandé depuis pas mal de temps. personne n'a encore osé le commencer à vrai dire...


Je savais bien que je n'étais pas la seule utilisatrice en attente, mais cet aboutissement est arrivé si merveilleusement, pile au moment où j'en ai exprimé le souhait pour mon modeste travail de débutante...LOLLOL.

Merci à tous, vous formez une super équipe ClapClap
Maryvonne
Il ne s'agit pas de voir pour croire, mais de croire pour voir. --- http://www.aux-gemeaux.com/
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4565
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 31 2017 à 9:05am
Si je peux me permettre, d'une part, pour des locations, ce serait bien que les jours d'arrivée ou de départ soient en triangle mais surtout il faut que ce calendrier puisse avoir le format export et idéalement import I-cal pour échanger les données avec les plateformes comme rbnb.

Comme ceci dont le défaut est l'absence de triangle :http://https://www.mathieuweb.fr/calendrier/calendrier2.php

Mon mari a fait l'entourloupe suivante (mais pas d'export-import) : http://gite.vervoz.be/wallonie.php

Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5382
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Oct 31 2017 à 9:29am
Ben, le calendrier de mathieuweb fait l'affaire, et fait tout cela. Pourquoi lui piquer son travail ?

En plus un espace administrateur complet, toutes les fonctions y sont.
Haut de la page
 Répondre Répondre Page  123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne