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