позиционирование jquery.datepicker - PullRequest
Новая
       5

позиционирование jquery.datepicker

0 голосов
/ 09 августа 2010

Есть ли у кого-нибудь опыт позиционирования jquery.datepicker, найденный в http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html

Функционально он работает отлично, делая именно то, что я хочу. Тем не менее, я использую его для функции поиска, и мне нужно несколько полей для поиска дат и других вещей. Моя проблема в том, что в каждом поле ввода, указанном в указателе даты, следующий элемент автоматически помещается в новую строку. Для моего использования я хотел бы сохранить все поля ввода на одной странице. Есть идеи почему? Я просмотрел CSS и не могу понять это. Любая помощь будет высоко ценится.

CSS для datePicker оставлен без изменений, поэтому то, что вы используете (или посмотрите по включенной ссылке, это то, на что я ссылаюсь). С точки зрения моего кода, я использую шаблон под названием 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>

Есть несколько ясных: оба присутствуют, но ничего, что я вижу, не будет мешать форматированию. Можете ли вы определить мою ошибку?

1 Ответ

1 голос
/ 09 августа 2010

Вам нужно избавиться от Очистить: оба от #chooseDateForm li {clear:both;} и просто поместите его влево.

...