Question

我添加了所有必需的js文件，如下所示

<script src="<c:url value='/static/js/jquery-1.12.3.js'/>"  
type='text/javascript'></script>
<script src="<c:url value='/static/js/bootstrap.min.js' />" 
type='text/javascript'></script>
<script src="<c:url value='/static/js/jquery-ui.js' />" 
type='text/javascript'></script>

但是datepicker块根本不起作用。

<script>
$(function () {  
    $("#txtdate").datepicker();
});
</script>

这是下面的HTML代码

<td> <input type="date" id="txtdate" value="{{plan.startDate}}" placeholder="yyyy/mm/dd"/>

Answer 1

我怀疑问题出在date类型上。这将创建一个由浏览器创建的基于HTML的选择器。这将与jQuery UI Datepicker冲突。

由于与本机选择器的UI冲突，不支持在<input type="date">上创建日期选择器。

为了解决这个问题，我建议使用text类型。

https://jsfiddle.net/Twisty/5pk37jav/

<强> HTML

<table>
  <tr>
    <td>
      <input type="text" id="txtdate" value="2017/11/01" placeholder="yyyy/mm/dd" />
    </td>
  </tr>
</table>

<强>的JavaScript

$(function() {
  $("#txtdate").datepicker();
});

这将确保没有冲突，并且您要执行的代码正在运行。

对于img字段，Datepicker没有处理图标点击

1 个答案: