jquery - 定位jquery.datepicker

Question

有没有人有定位在 http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html 找到的 jquery.datepicker 的经验？

在功能方面，它完美地工作，完全按照我的意愿行事。但是，我将它用于搜索功能，并且需要多个字段才能搜索日期和其他内容。我的问题是每个输入框都设置为日期选择器，下一个元素会自动换行。对于我的用法，我想将所有输入框都放在同一页上。任何想法为什么？我已经查看了 CSS，但无法弄清楚。任何帮助将不胜感激。

datePicker 的 CSS 保持不变，所以您使用的是什么(或者从包含的链接中看到的是我所引用的)。就我的代码而言，我正在使用一个名为 Simpla Admin 的模板，虽然我仔细阅读了它以深入了解 clear:both，但我完全有可能错过了它。我确实在使用 Firebug 检查 CSS 设置，但没有什么特别突出的。

<div class="clear"></div>

        <?php
        } else {
            echo '<p><h3>No patients found.</h3></p>';
        }
        }
        ?>
        <br><br>
        <form name="searchForm" id="searchForm" action="#">
            First: <input name="firstName" id="firstName" style="width:80px" class="text-input" />
            Last: <input name="lastName" id="lastName" style="width:80px" class="text-input" />
            DOB: 
            <select name="dobMonth" style="width:70px" id="dobMonth">
              <option value ="">Month</option>
              <option value ="01">January</option>
              <option value ="02">February</option>
              <option value ="03">March</option>
              <option value ="04">April</option>
              <option value ="05">May</option>
              <option value ="06">June</option>
              <option value ="07">July</option>
              <option value ="08">August</option>
              <option value ="09">September</option>
              <option value ="10">October</option>
              <option value ="11">November</option>
              <option value ="12">December</option>
            </select>
            <select name="dobDay" style="width:60px" id="dobDay">
                <option value="">Day</option>
                <?php $days = GetDaysInMonth(); 
                $DaysInNumbers = array ('', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31');
                for ($i = 1; $i <= $days; $i++) : ?>
                <option value="<?php echo $DaysInNumbers[$i]; ?>"><?php echo $i; ?></option>
                <?php endfor; ?>
            </select>
            <select name="dobYear" style="width:60px" id="dobYear">
                <option value="">Year</option>
                <?php for ($i = 1920; $i < date('Y'); $i++) : ?>
                <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                <?php endfor; ?>
            </select>
            Date: <input name="bookingDate" id="bookingDate" style="width:80px" class="date-pick" />
            <input name="bookingDate2" id="bookingDate2" style="width:80px" class="date-pick" />
            <input class="button" name="user-search" type="submit" value="User Search" />
        </form>
        </div>

有一些 clear:both 存在，但我看不到任何东西会扰乱格式。你能发现我的错误吗？

Answer 1

你需要从 clear:both 中删除#chooseDateForm li {clear:both;} 并将其 float 到左侧。