BullGuard Antivirus Sale - 60% Off with 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: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
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é : 29 Oct 2017 à 20:45
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 - 10 Dec 2018 à 15:07
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 09:24
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


Depuis le: 12 Sep 2017
Pays: FRANCE
Status: Inactif
Points: 90
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer maryvonne88 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 10:16
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: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 10:40
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: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 11:55
Petite correction au code
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 12:09
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 - 30 Oct 2017 à 12:16
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 12:54
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


Depuis le: 12 Sep 2017
Pays: FRANCE
Status: Inactif
Points: 90
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer maryvonne88 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Oct 2017 à 13:33
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: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Oct 2017 à 10:05
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

Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Oct 2017 à 10:29
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 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.