我如何将info.startStr传递到一个模态窗口的html输入中？

Question

我在FullCalendar中点击选择一个日期(非事件)时调用一个模态窗口。

select: function(info) {
  var sdate = info.startStr;
  $('#fullCalModalAdd').modal();
},          

然后我想把sdate放到模态窗口的 "start "输入中。

<div id="fullCalModalAdd" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h2>ADD EVENT</h2>
        </div>
        <div id="modalBody"></div>
             <form>  
                <p>
                 <label for="start">Start Date:</label>
                 <input id="start" type="text" value=sdate>
               </p> 
             </form>
    </div>
 </div>
</div>

我似乎不能让它工作，它只是在模态的输入字段中添加了 "sdate"。我是一个非常新的人，所以我非常愿意接受批评。

Answer 1

你可以像其他文本框一样填充 "start "输入。

select: function(info) {
  $('#fullCalModalAdd').modal();
  $("#sdate").val(info.startStr);
},     

value=sdate 在HTML中，你只需将该字符串放入框中即可--HTML对Javascript变量一无所知。

文档。https:/api.jquery.comval。

(P.S. 这里有一个简单的概念性观点。根据你的措辞，我猜测可能值得一提的是：你并没有把值传到? 模态 因此，您只是将其传递到文本框中。事实上，文本框恰好在一个div内，当它被显示时，它的HTML和CSS使它看起来像一个模态对话框，这完全无关紧要。如果文本框位于页面的其他地方，你也会以同样的方式填充它。)