日期字段和人群 HTML 元素

Question

我正在使用 AWS Mechanical Turk 并使用人群元素来构建表单来设置表单。我正在使用一些人群输入表单，它们工作正常，但我想知道是否有类似于 bootstrap 日期选择器的日期选择器。

我尝试引入 bootstrap 日期选择器，但没有帮助。一旦我点击了日期，它就没有存储日期。

   <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

的完整文档

如果您有任何其他问题，请告诉我们。

谢谢，

亚马逊土耳其机器人

日期字段和人群 HTML 元素

Date Fields and Crowd HTML Elements

c#

mechanicalturk