Discussion :

[Phpx1]

Bonjour ,

(Env W10/Edge)

Je dois saisir une date sur mon formulaire et pour cela j'ai utilisé logiquement un input type="date" mais il m'affiche ce
"Fucking" ;-)) de calendrier (sous Edge). JE N'EN VEUX PAS ;-)) ET apparemment il n'y aucun moyen de le désactiver car il est lié au champ date si j'ai bien compris ?).

S' il n'y a donc aucun moyen , je préfèrerais saisir manuellement la date (et en + cela va plus vite) et pour l'ergonomie avec un masque de saisie affiché sur le champ ex: __/__/_____ (une date au format JJ/MM/AAAA) avec les slashs déjà pré-affichés dans le champ sans que l'utilisateur ait besoin de les saisir.
J'ai regardé pas mal sur le Net mais je n'ai pas vu cette possibilité de masque directement sous HTML excepté de passer par un mask sous JAVASCRIPT ?? (N'y a t'il pas un moyen plus simple ? :-0). En plus je devrais utiliser un champ input type="Text". (J'espère qu'il n'y aura pas de pbs lors de l'enregistrement en BDD car ce champ est déclaré en format DATE sous mysql).

En conclusion, étonnant tout de même que l'on ne puisse utiliser un simple champ Date manuellement avec un masque de saisie + des contrôles (par défaut) sur la date et le tout sous HTML ??
Merci d'avance pour vos remarques

[Phpx1]

Finalement, j'ai utilisé J.S et ça a l'air de pas mal fonctionner.
Je peux saisir ma date (en autorisant uniquement bien sur les chiffres (en haut du clavier + ceux du pavé numérique (avec keydown apparemment ça le fait pas)) et backspace (en cas d'erreur possible ;-))) .
et lors de la saisie les slash (en fait je les ai remplacés par des - ) s'affichent automatiquement.
Voici le script:

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
  $('#date').keypress(function(event)
          { 
 
		       if ( (event.which < 48 || event.which > 57) && (event.which != 8) )
 
			{
 
 
                         event.preventDefault();
                         event.cancelBubble = true;
 
                        }
 
			else 
			    {					
 
                                     var nb_car = $(this).val().length;
                                      if (nb_car == 2 || nb_car == 5) 
                                         {
                                          $(this).val($(this).val()+'-');
                                         }
 
 
                            }
 
 
          });