2

这一点都不难......我想要的只是让日期字段框与我的文本右侧对齐（购买日期）。出于某种原因，它只会在文本下方对齐，或者我可以让文本在日期字段框的右侧对齐。如果我使用 cfform format="flash" 并在 cfformgroup type="horizo​​ntal" 中对齐，它将起作用。有谁知道为什么它不能以常规形式工作..或者知道如何使它工作。任何帮助是极大的赞赏。

Date of Purchase:
<cfinput
 type="datefield"
 name="from_date"
 width="130"
 value="#dateformat(now(),"mm/dd/yyyy")#" 
>
4

1 回答 1

1

生成的代码

当 ColdFusion 运行时，它会生成

<form name="CFForm_1" id="CFForm_1" action="?" method="post" onsubmit="return _CF_checkCFForm_1(this)">
Date of Purchase: <div  style="position:relative;float:left;">
<div  style="float:left;">
    <input name="from_date" id="from_date"  type="datefield" value="09/12/2014" class="datefieldinput"  width="130"  />
 </div><div  id="from_dateCFForm_1_cf_buttondiv" style="float:left;padding:3px;">

    <img id="from_dateCFForm_1_cf_button" src="/CFIDE/scripts/ajax/resources/cf/images/DateChooser.png" alt='Date Picker' />

 </div><div  id="from_dateCFForm_1_cf_container" style="display:none; position:absolute; font-size:12px;overflow:visible;float:left;z-index:9050;top:1.5em;">

 </div>

备选方案 1

使用表格

<cfform action="?">
<table>
<tr>
   <td>
    Date of Purchase:
   </td>

   <td>
     <cfinput
       type="datefield"
       name="from_date"
       width="130"
       value="#dateformat(now(),"mm/dd/yyyy")#" 
       >
   </td>
 </tr>
 <table>
 </cfform>

备选方案 2

使用 jQuery 用户界面

https://stackoverflow.com/questions/tagged/jquery-ui-datepicker

备选方案 3

使用引导程序。有很多日期选择器

于 2014-09-12T23:49:23.150 回答