ANS-0324 · AUTRES
Comment gérer le formatage des champs de saisie de date dans les formulaires HTML de NetSuite
Découvrez comment les champs de saisie de date HTML de NetSuite gèrent les valeurs internes par rapport aux formats affichés, ainsi que les stratégies permettant d'assurer une expérience utilisateur cohérente.
Solution courte
Les champs HTML de type « input type="date" » de NetSuite utilisent en interne le format « aaaa-mm-jj », quel que soit le format régional affiché à l’utilisateur. Les navigateurs modernes ignorent l’attribut « placeholder » pour le type « date ». Pour définir un texte de remplacement personnalisé ou garantir une mise en forme cohérente dans tous les navigateurs, utilisez le type « input type="text" » et mettez en œuvre une logique de gestion des dates personnalisée.
Scénario
Les utilisateurs qui développent des formulaires HTML NetSuite sont souvent confrontés à des incohérences concernant les champs de type « input="date" » selon les navigateurs. Plus précisément, des questions se posent quant au comportement de l’attribut « placeholder » et au format de date réellement accepté en interne par rapport à celui affiché à l’utilisateur final. Cela peut être source de confusion lorsque l’on tente d’uniformiser la saisie et l’affichage des dates.
Solution
Les champs HTML input type="date" de NetSuite acceptent et stockent systématiquement les valeurs au format « aaaa-mm-jj » en interne. Bien que le format d'affichage de ces champs soit déterminé par les paramètres régionaux du navigateur ou du système d'exploitation de l'utilisateur, la valeur sous-jacente reste « aaaa-mm-jj ». Les développeurs doivent tenir compte de ce format interne lorsqu’ils écrivent du code permettant de définir ou de récupérer des valeurs dans ces champs. Les navigateurs modernes, y compris Chrome, ignorent généralement l’attribut placeholder pour les champs input type="date". Par conséquent, tenter de définir un espace réservé personnalisé pour input type="date" ne produira pas le résultat visuel souhaité. Veuillez consulter les exemples suivants :
<input type"date" placeholder"whatever"/>Dans les navigateurs modernes, « whatever » ne s’affichera pas en tant qu’espace réservé ; l’attribut placeholder est ignoré.
<input type"text" placeholder"whatever"/>Cela affichera « whatever » comme texte de remplacement. Pour garantir une expérience utilisateur cohérente avec un texte de remplacement personnalisé ou pour imposer un format d’affichage spécifique sur tous les principaux navigateurs, l’approche recommandée consiste à utiliser input type="text" plutôt que input type="date". Cela permet un contrôle total sur le texte affiché et le texte de remplacement, bien que cela nécessite un code JavaScript personnalisé pour gérer la validation et le formatage de la date de la valeur saisie.
Support expert NetSuite
Besoin d’aide pour cet enjeu NetSuite ?
Accompagnement-conseil et configuration pour Autres