[JAVA] Je veux donner un nom de classe à l'attribut select
Je suis tombé sur la boîte de sélection lors de la création d'une application avec des rails, je la garderai donc comme un enregistrement.
L'environnement est le suivant. ruby 2.6.5 Ruby on Rails 6.0.3.
Que veux-tu faire
À l'origine, la boîte de sélection pour les heures d'ouverture a déjà été implémentée.
Ajouter un bouton 24 heures + Je veux que toutes les cases de sélection contiennent «00» lorsque le bouton est cliqué en utilisant Javascript. (L'image ci-dessous)
<Après avoir cliqué>
Point de trébuchement
Le nom de la classe n'est pas affecté à l'attribut select! Je pensais procéder dans l'ordre suivant, mais mon nez était brillamment écrasé.
- Donnez le même nom de classe à l'attribut select correspondant
- Obtenez tous les éléments avec le nom de la classe cible en Javascript
- Modifiez la valeur du champ obtenu par la fonction forEach en «00»
Pour le moment, je l'ai réécrit avec le code suivant pour lui donner un nom de classe. (Écrivez classe: "ouverture-heure" à la fin de {})
<%= f.time_select :open_time, {prompt: true, ignore_date: true, minute_step: 15, class: "opening-hour"} %> 〜
<%= f.time_select :close_time, {prompt: true, ignore_date: true, minute_step: 15, class: "opening-hour"} %>
Après rechargement et vérification avec l'outil de vérification ...
Le nom de la classe n'a pas été donné.
Conclusion
Les options d'assistance et les options html doivent être écrites séparément.
J'ai fait référence à l'article de blog suivant. Comment utiliser date_select [Rails]
référence time_field, Les options d'assistance et les attributs HTML sont répertoriés respectivement. Les deux ont dû être séparés plutôt que mis dans le même {}. En réécrivant mon code comme suit, le nom de la classe a été attribué avec succès!
<%= f.time_select :open_time, {prompt: true, ignore_date: true, minute_step: 15}, {class: "opening-hour"} %> 〜
<%= f.time_select :close_time, {prompt: true, ignore_date: true, minute_step: 15}, {class: "opening-hour"} %>
Depuis que le nom de la classe a été donné, après cela, j'ai pu exécuter l'implémentation que j'attendais en toute sécurité en faisant 2.3 dans l'ordre!
Recommended Posts