[JAVA] Ich möchte dem select-Attribut einen Klassennamen geben
Ich bin beim Erstellen einer Anwendung mit Schienen auf das Auswahlfeld gestoßen, daher werde ich es als Aufzeichnung aufbewahren.
Die Umgebung ist wie folgt. ruby 2.6.5 Ruby on Rails 6.0.3.
Was willst du tun
Ursprünglich wurde das Auswahlfeld für Geschäftszeiten bereits implementiert.
Hinzufügen einer 24-Stunden-Schaltfläche + Ich möchte, dass alle Auswahlfelder '00' enthalten, wenn auf die Schaltfläche mit Javascript geklickt wird. (Das Bild unten)
Stolperpunkt
Der Klassenname ist dem select-Attribut nicht zugeordnet! Ich dachte daran, in der folgenden Reihenfolge fortzufahren, aber meine Nase war brillant gequetscht.
- Geben Sie dem entsprechenden select-Attribut denselben Klassennamen
- Holen Sie sich alle Elemente mit dem Zielklassennamen in Javascript
- Ändern Sie den Wert des von der Funktion forEach erhaltenen Felds in '00'.
Vorerst habe ich es mit dem folgenden Code umgeschrieben, um ihm einen Klassennamen zu geben. (Schreiben Sie class: "Eröffnungsstunde" am Ende von {})
<%= 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"} %>
Nach dem Nachladen und Überprüfen mit dem Verifikationstool ...
Der Klassenname wurde nicht angegeben.
Fazit
Hilfsoptionen und HTML-Optionen müssen separat geschrieben werden.
Ich habe auf den folgenden Blog-Artikel verwiesen. Verwendung von date_select [Rails]
Zeitfeldreferenz, Hilfsoptionen und HTML-Attribute werden aufgelistet. Die beiden mussten getrennt werden, anstatt in dasselbe {} gesetzt zu werden. Durch Umschreiben meines Codes wie folgt wurde der Klassenname erfolgreich zugewiesen!
<%= 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"} %>
Nachdem der Klassenname angegeben wurde, konnte ich die erwartete Implementierung sicher ausführen, indem ich 2.3 in der Reihenfolge ausführte!
Recommended Posts