TagjQuery UI

[Magento 2] Un champ Date de Naissance custom avec validation côté javascript, placeholder et masque de saisie avec le plugin Cleave

Testé fonctionnel Magento 2.3, 2.4

Nous allons supprimer le widget calendar du champ date de naissance du formulaire de création de compte de Magento 2.
Attention: le champ Date de Naissance n’apparaît pas par défaut! Il faut l’activer via l’interface d’administration (Google est ton ami).

Demo en ligne de Cleave.js.

app/design/frontend/MyVendor/mytheme/Magento_Customer/templates/widget/dob.phtml:

Apporter plus d’attention au passages suivants:

  • data-validate='{"required":true, "validate-date": {"dateFormat": "dd\/MM\/y"}, "validate-dob": true}' sur l'input type="text" permet la bonne validation de votre champ Date de Naissance
  • <script>require(['cleave'... qui initialise le masque de saisie sur le champ via le plugin Cleave.js

app/design/frontend/MyVendor/mytheme/requirejs-config.js:

Import des sources de Cleave.js dans le projet:

Au moment où j’ai mise en place cette fonctionnalité, la dernière version tagguée de Cleave.js était la v1.6.0, mais n’hésitez pas à mettre à jour avec une version supérieure si existante!

Placez la source minifiée dans app/design/frontend/MyVendor/mytheme/web/js/vendor/cleave/dist/cleave.min.js.

[jQuery] Astuces de manipulation du widget Autocomplete de jQuery UI

Modifier le rendu HTML avec les fonctions natives _renderMenu and _renderItem

Source: Quick example of multi-column results with jQueryUI’s new Autocomplete?

I ended up manually overriding the _renderMenu and _renderItem functions after all. Works like a charm so far, and was actually very easy to do. I was hoping for a « per-instance » solution, but we’ll burn that bridge when we come to it. Here’s what it came to, and thanks again!

Annuler les styles de .ui-menu pour .ui-autocomplete

Cette astuce fonctionne pour n’importe quel widget issu de jQuery UI.

jQuery Autocomplete with custom renderer throwing “Cannot read property ‘value’ of undefined”

Source : jQuery Autocomplete with custom renderer throwing “Cannot read property ‘value’ of undefined”

[jQuery] Migrer jQuery-ui pour jQuery 3.x

Une partie des sources migrées est disponible ici.

Uncaught TypeError: Cannot read property ‘msie’ of undefined

Erreur Uncaught TypeError: Cannot read property 'msie' of undefined: cette erreur est rencontrée, notamment avec le composant datepicker. Il suffit de placer le code suivant au début du fichier incriminé:

[jQuery] Bug c.curCSS is not a function de jQuery UI

Source : jQuery UI 1.8.13 sudden error – c.curCSS is not a function.

Créer une nouvelle fonction:

© 2021 devfrontend.info

Theme by Anders NorénUp ↑