Twitter bootstrap 带有coldfusion的引导模式向导,在数据步骤=“1”中输入的数据步骤=“2”上显示问题

Twitter bootstrap 带有coldfusion的引导模式向导,在数据步骤=“1”中输入的数据步骤=“2”上显示问题,twitter-bootstrap,coldfusion,bootstrap-modal,Twitter Bootstrap,Coldfusion,Bootstrap Modal,我正在使用bootstrap创建一个弹出窗口,该窗口将有一个向导,当您单击按钮启动演示模式时,它将为您提供弹出窗口以选择日期,然后您将单击下一步,在同一窗口的下一页上,我希望以某种方式显示第一个窗口的选择结果,请看下面我想做的事情,某些标签可能不合适,但这应该会给你一个想法。如果有经验或有其他方法来做这件事,输入是值得的 我的一个问题是如何让“下一步”按钮保存日历中的选择,然后将其输出到下一步 启动演示模式 <!-- Modal --> <div class="modal

我正在使用bootstrap创建一个弹出窗口,该窗口将有一个向导,当您单击按钮启动演示模式时,它将为您提供弹出窗口以选择日期,然后您将单击下一步,在同一窗口的下一页上,我希望以某种方式显示第一个窗口的选择结果,请看下面我想做的事情,某些标签可能不合适,但这应该会给你一个想法。如果有经验或有其他方法来做这件事,输入是值得的

我的一个问题是如何让“下一步”按钮保存日历中的选择,然后将其输出到下一步

启动演示模式

<!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="js-title-step"></h4>
        </div>
        <div class="modal-body">
          <div class="row hide" data-step="1" data-title="Please select the date!">
            <div class="well">
  <b>Please select a date on the calendar and click Next.</b><br>
  <br>
  <cfform>
  <table>
  <tr>
  <td><strong>Start Date</strong>:</td>
          <td><cfinput type="datefield"  name="dte_one" size="10" /></td>
  </tr>
  </table>
  </cfform>
    </div>
          </div>
          <div class="row hide" data-step="2" data-title="This is the second and last step!">
            <div class="well">
               <h3 style="color:OrangeRed;"> 
                    Your Joining date is: <cfoutput>#DateFormat(Form.dte_one)# </cfoutput>
             </h3>
           </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default js-btn-step pull-left" data-orientation="cancel" data-dismiss="modal"></button>
          <button type="button" class="btn btn-warning js-btn-step" data-orientation="previous"></button>
          <button type="button" class="btn btn-success js-btn-step" data-orientation="next"></button>
        </div>
      </div>
    </div>
  </div>

这是我在CF中激活modal时所做的,我在href中添加了2个,这是您可以使用该按钮尝试的

<a href="##?URL=#Name#" data-toggle="modal" data-target="##ModalID">#DataName#</a>

您可以将表单拆分为单独的页面。我很想在内容中使用AJAX,并让它替换模式中的内容。亚军方法是在模式中使用。要实现上面所做的工作,只需要客户端。它只需要使用javascript。form.dte_one在提交后才存在