Question

有没有人有定位http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html

中找到的jquery.datepicker的经验

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

datePicker的CSS保持不变，所以你正在使用的（或者从包含的链接中看到的是我所引用的）。就我的代码而言，我正在使用一个名为Simpla Admin的模板，虽然我已经仔细研究了它，但是我完全有可能错过了它。我确实使用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>

有一些明确的：两者都存在，但我看不到的任何东西都会弄乱格式化。你能发现我的错误吗？

Answer 1

你需要摆脱 clear：both #chooseDateForm li {clear:both;}并将其浮动到左侧。

定位jquery.datepicker

1 个答案: