jquery日历不按预期在ipad中工作

Question

我是jquery的新手。我正在使用jquery-UI作为在桌面上工作的datepicker日历，但当我在平板电脑和移动版本（Firefox）中看到我没有得到日期选择器而不是我得到描述列表。我已经包含了相应的文件。

以下是我正在使用的HTML代码

<div class="col-xs-6 col-sm-3">
  <label>Date of Birth</label>
  <br/>
  <div class="input-group">
    <input type="text" placeholder="MM/DD/YYYY" class="ipt_Field" id="txt_dob" name="txt_dob" />
      <span class="form-control-feedback"><i class="fa fa-calendar"></i></span>
  </div>
</div>

这是javascript代码。

//date_picker
$("#txt_dob").datepicker({
  dateFormat: "mm-dd-yy",
  changeMonth: true,
  changeYear: true,
  showButtonPanel: false,
});

<link href="css/jquery-ui.css" rel="stylesheet">
<script src="script/jquery-1.10.2.js"></script>
<script src="script/jquery-ui.js"></script>

请帮帮我。

提前致谢 马哈德

Answer 1

问题是bootstrap css。在我的引导程序中，我有类似的东西

td:nth-of-type(1):before { content: "Application No"; }
td:nth-of-type(2):before { content: "Academic Career"; }
td:nth-of-type(3):before { content: "Major"; }
td:nth-of-type(4):before { content: "Major Status"; }
td:nth-of-type(5):before { content: "Application Status"; }
td:nth-of-type(6):before { content: "Submitted On"; }
td:nth-of-type(7):before { content: "Valid Till"; }
td:nth-of-type(8):before { content: "Recruter"; }
td:nth-of-type(9):before { content: "Remarks"; }
td:nth-of-type(10):before { content: "Action"; }

所以这就是在所有td中加入值的共鸣，我就像图像一样。

我找到并解决了它。

非常感谢你。

此致 Mahadevan