html“日期”字段仅适用于 ios答案

【问题标题】：html "date" field is not working for ios onlyhtml“日期”字段仅适用于 ios
【发布时间】：2021-05-12 09:52:48
【问题描述】：

我有一个简单的 html css 表单，其中我输入 type="date" 字段，该字段仅适用于“IOS”

          <fieldset class="form-group border p-3">
            <div class="row mx-auto">
              <legend class="col-form-label col-md-6 pt-0">
                Date of Birth
              </legend>
              <div class="col-md-3">
                   <!--<input class="col-md-3 form-control" name="birthdate" type="date"></input>-->
                <input class="form-control" type="date"  id="example-date-input" name="birthdate" placeholder="dd/mm/yyyy" required>
              </div>
            </div>
          </fieldset>
          
       <style>

input[type="date"]
{
    display:block;
  
    /* Solution 1 */
    /* -webkit-appearance: textfield;*/
    /*-moz-appearance: textfield;*/
     -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 1.2em; 
  
    /* Solution 2 */
     min-width: 96%; 
}

    </style>

我也从搜索中应用了一些解决方案，但没有发现有用的解决方案，我正在使用 cdn bootstrap、jQuery 和其他 cdn 链接

提前致谢

【问题讨论】：

究竟什么是“不工作”？
Safari 不支持日期类型的日期选择器：developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
IOS 上的 Safari 确实支持输入中的日期类型，如果我只运行您的输入行，它在 IOS 14 上对我来说可以正常工作。您能否将您的代码放入有效的 sn-p 中，以便我们可以看看问题。

标签： php html css ios bootstrap-4

【解决方案1】：

我找到了解决方案，我发现 safari 或 ios 不支持

 <input type="date" >

所以我只是用 jquery 替换它为 jquery 和 jquery-ui 添加 cdn 链接

html js

    $( function() {
    $( ".datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });
  } );

所以我只使用了 jquery-ui 日期选择器

【讨论】：