Поля даты и элементы толпы HTML

Question

Я работаю с AWS Mechanical Turk и настраиваю форму, используя элементы толпы для создания формы.Я использую несколько форм ввода толпы, и они отлично работают, но мне было интересно, есть ли средство выбора даты, похожее на средство выбора даты начальной загрузки.

Я попытался ввести средство выбора даты начальной загрузки, но это не помогло.как только я щелкнул по дате, он не сохранил дату.

   <crowd-form>
    <div class="row">
      <div class="col-md-6">
            <crowd-card image="https://s3.amazonaws.com/cv-demo-images/basketball-outdoor.jpg"></crowd-card>
      </div>
      <div class="col-md-6">
            <crowd-input name="fuelticket" label="Fuel Ticket"></crowd-input>
            <div class="input-group date" data-provide="datepicker">
                <crowd-input name="fuelingdate" label="Fueling Date" ></crowd-input>
                <div class="input-group-addon">
                    <span class="glyphicon glyphicon-th"></span>
                </div>
            </div>
      </div>
    </div>
    </crowd-form>
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#datepicker').datepicker({
              format: 'mm/dd/yyyy'
            });
        });
    </script>

Answer 1

Вы можете использовать атрибут type = "date", чтобы превратить его в средство выбора даты.

Вот пример кода:

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form>
  Please enter today's date:
  <crowd-input name="date" type="date"></crowd-input>

</crowd-form>

Вот jsfiddle с тем же кодом: https://jsfiddle.net/tcpuh0af/

А вот полная документация для https://docs.aws.amazon.com/sagemaker/latest/dg/sms-ui-template-crowd-input.html

Пожалуйста, дайте нам знать, если у вас есть дополнительные вопросы.

Спасибо,

Амазонский механический турок