質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

1173閲覧

変数を結合時にイメージした結合にならない

rails_ruby

総合スコア87

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2019/02/09 05:45

前提・実現したいこと

getElementsByNameでinputのvalueを下記のように表示させたい。

"2019-02-09T11:30"

###現在できているところ
**"2019-02-09T11:30"ではhtml側で2019-02-09Tと11:30に別れていているのでまとめて取得することができない状態です。
そのため、abcとbcd(変数名は適当に命名しただけなのでご容赦ください)という二つの変数を使ってそれぞれを取得しています。
それで、データの中身が一つの時は問題なく、var z = abc + bcdで
"2019-02-09T11:30"**と意図した形に結合出来るのですが、データーベースのデータが二つ以上になるとイメージしている形で結合が出来なくなります。
###現在の状況
データーが二つ以上になると下記のようになります。
"2019-02-10T,2019-02-11T10:00,10:00"

###理想のイメージ
"2019-02-10T10:00","2019-02-11T10:00"

該当のソースコード

ruby

1<% @off_date.each do |off_date_hidden| %> 2<input type="hidden" name="off_date" value="<%= off_date_hidden.off_days_date.strftime("%Y-%m-%dT") %>", class='off_date' readonly> 3<% end %> 4<% @off_start.each do |off_start_hidden| %> 5<input type="hidden" name="off_start" value="<%= off_start_hidden.off_days_start_time.strftime("%H:%M") %>", class='off_start' readonly> 6<% end %>

js

1var abc = Array.from(document.getElementsByName('off_date'), x => x.value); 2var bcd = Array.from(document.getElementsByName('off_start'), x => x.value); 3var cde = Array.from(document.getElementsByName('off_finish'), x => x.value); 4var z = abc+bcd; 5console.log(abc + bcd); //"2019-02-10T,2019-02-11T10:00,10:00" データーベースではデータは2つなのに1つのデータとして扱われている 6const BUSY = [z]; //2019-02-10T10:00","2019-02-11T10:00" 理想では配列1,2...としたい。

補足情報(FW/ツールのバージョンなど)

ruby on rails,javascript

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

+は配列を配列として結合できません。

【JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。 - Qiita】
https://qiita.com/takeharu/items/d75f96f81ff83680013f#%E9%85%8D%E5%88%97%E3%81%AE%E7%B5%90%E5%90%88

投稿2019/02/09 05:52

kei344

総合スコア69407

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

これで行けませんか?

JavaScript

1var z = abc.map((v, i) => abc[i] + bcd[i]);

投稿2019/02/09 06:12

shinji709

総合スコア805

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rails_ruby

2019/02/09 06:57

ありがとうございます。  解決できました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問