JSでvalue値を設定したいが、反映されない

Question

前提・実現したいこと

更新用のモーダルに、更新前の情報を反映させたいのですが、日付の部分が表示されなくて困っています。
今回はFullcalendarを使用しており、value値の取得はJavaScriptで行なっています。

該当のソースコード

home.blade.php

$(document).ready(function () {
 $('#calendar').fullCalendar({
   firstDay: 1,
   headerToolbar: {
     right: 'prev,next'
   },
   editable: true,
   selectable: true,
   events: '/home',


   eventClick: function(info) {
      document.getElementById("id").value = info.id;
      document.getElementById("start_edit").value = info.start._i
      MicroModal.show('modal-2');
   }
 });
})

edit_modal.blade.php

<form id="task-form" method="POST" action="{{ route('editEvent') }}">
  @csrf
  <input type="hidden" id="id" value="" name="id">
  <input type="date" id="start_edit" class="task-form" name="start" value="">
  <button id="task-update" class="modal__btn modal__btn-primary mr-3" type="submit">変更する</button>
  <a id="expire-btn"　class="modal__btn" data-micromodal-close aria-label="Close this dialog window">キャンセル</a>
</form>

試したこと

info.startには_isAMomentObject: true, _i: "2021-02-27", _f: "YYYY-MM-DD", _isUTC: true, _pf:が入っていたので、info.start._iと指定しています。
Fullcalendarで例えば2021年2月10日の日付をクリックすると、document.getElementById("start_edit").valueとinfo.start._iにはそれぞれ2021-02-10と入っており、その値をinputのvalueにコピペするとモーダルに表示されるので、取り出す値自体は問題ないのではないかと思っています。
また、今回は省略しておりますが、他の項目も同じモーダル内でJSを使用してvalue値を取得していますが、他の項目は問題なく表示されています。

どなたか原因がわかる方、ご教授いただけると助かります。

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

-各バージョン
-Laravel 6.x
-PHP 7.4.9
-Fullcalendar v5

Comments

[Lulucom]

> document.getElementById("id").value = info.id;

ここの値は反映されているということでしょうか。

[aki0201]

2021年2月10日をクリックし、console.logをするとそれぞれ2021-02-10と表示されるのですが、inputタグの<input id="start_edit">には反映されていないのか、モーダル には表示されない状態です。

[m.ts10806]

ひとまずtypeをdateからtextにしてかくにんしてみては

[aki0201]

textに変更しても、表示されませんでした。

[Lulucom]

start_editというidが重複している（同じidを持つ要素が他にもある）、ということはないでしょうか。

[aki0201]

新規登録用のモーダル に同じidが重複しており、そちらを削除したところ改善しました。
恐らくほぼ同じフォームなので、いつの間にか変更してしまっていたようです。
単純ミスですみませんでした。

[Lulucom]

いえいえ。慣れていてもたまーにやってしまいます。回答として作成しておきますね。

[Lulucom]

JavaScriptの問題でしたので、質問のタグからPHPとLaravelを外しておきましょう。

Answer 1

start_editというidが重複している（同じidを持つHTML要素が他にもある）、ということはないでしょうか。

Comments

[aki0201]

ありがとうございます！無事、反映されました！