Совместите дату ввода div с правильной задачей - PullRequest
Новая
       45

Совместите дату ввода div с правильной задачей

0 голосов
/ 20 марта 2020

У меня проблема с выравниванием даты и времени. Ниже моя кодировка: 

<form id="procedure_mngt">
    <div class="col-lg-12" style="text-align:center;">
            <div class="mid_header">

                <span class="title" style="font-size: 19px;"><strong><b><u>Production Job Sheet</u></b></strong></span>  <br><br><br>

                </div>
    </div>

    <div class="col-lg-12" style="text-align:right;">


            <label for="text1" class="form-group control-label col-lg-2">Date: </label>
                <div class="col-lg-2">
                    <input type="text" class="form-group form-control datepicker" id="start_date" name="start_date" title="" value="<?php echo $new_cur_date; ?>" data-date-format="dd-mm-yyyy" readonly>
                        </div>
                        </div>


  <div class="col-lg-12">
            <label for="text1" class="form-group control-label col-lg-1">Customer's Name : </label>
            <div class="col-lg-4">
           <input name="stock_quantity" id="stock_quantity" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
            </div>
            <input type="hidden" name="stock_code" id="stock_code"></input>
            <label for="text1" class="form-group control-label col-lg-2">CTP NO : </label>
            <div class="col-lg-4">
                <input name="stock_quantity" id="stock_quantity" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
            </div>
        </div>

  <div class="col-lg-12">
            <label for="text1" class="form-group control-label col-lg-1 padding_top">Product Title : </label>
            <div class="col-lg-4 padding_top">
              <input name="stock_quantity" id="stock_quantity" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
            </div>

  </div>

    <div class="col-lg-12">
            <label for="text1" class="form-group control-label col-lg-1">Printing Quantity : </label>
            <div class="col-lg-4">
           <input name="stock_quantity" id="stock_quantity" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
            </div>
            <input type="hidden" name="stock_code" id="stock_code"></input>
            <label for="text1" class="form-group control-label col-lg-2">Adjust For Waste: </label>
            <div class="col-lg-4">
                <input name="stock_quantity" id="stock_quantity" class="form-control form-group required" placeholder="" onkeypress="return isAmountKey(event);">
            </div>
        </div>

</form>

Я установил стиль text-align: right, но он не может показать меня справа. Ниже мой вывод:

Output

На самом деле я хочу, чтобы вывод был успешным, как показано ниже:

Output1

Надеюсь, что ваш поможет мне, в какой части я ошибаюсь. Спасибо.

Попытка обновления enter image description here

1 Ответ

0 голосов
/ 20 марта 2020

Замените этот код 

  <div class="col-lg-12" style="text-align:right;">
       <label for="text1" class="form-group control-label col-lg-2">Date: </label>
              <div class="col-lg-2">
                   <input type="text" class="form-group form-control datepicker" id="start_date" name="start_date" title="" value="<?php echo $new_cur_date; ?>" data-date-format="dd-mm-yyyy" readonly>
              </div>
  </div>

этим 

                   <div class="d-flex flex-row-reverse bd-highlight">
                        <div class="p-2 bd-highlight">
                            <input type="text" class="form-group form-control datepicker" id="start_date" name="start_date" title="" value="<?php echo $new_cur_date; ?>" data-date-format="dd-mm-yyyy" readonly>
                        </div>
                        <div class="p-2 bd-highlight">
                            <label for="text1" class="form-group control-label">Date: </label>
                        </div>
                    </div>

Я бы предложил вам прочитать bootstrap документ и использовать заданную структуру кода.

...