Javascript jQuery日期选择器在段落中不起作用

我有一个小问题，我不明白为什么这个日期选择器不能工作：

HTML部分是：

Test <input type="text" id="date1" name="date1"/>
<p>Startdatum:<input type="text" id="startTime"></p>  
<p>Enddatum:<input type="text" id="endTime"/></p> 

下面是一个JSFIDLE：

---

有人能告诉我为什么没有出现日期选择器吗？

您还需要JQuery UI支持：

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

而且

$（函数（）{
$（“#开始时间”）。日期选择器({
日期格式：“日/月/年”
});
$（'#endTime'）。日期选择器({
日期格式：“日/月/年”
});
$（'#date1'）。日期选择器({
日期格式：“年月日”
});
});

JSFIDLE不需要包装在

$（function（）{…}

中，OP的代码是否需要包装取决于代码的“关联”（“包含”）方式对于页面，我们无法从OP问题中分辨出来。如果您检查JSFIDLE上的浏览器开发工具，并查看控制台，您将看到错误：

uncaughttypeerror:$（…）。datepicker不是一个函数

。它告诉您没有包含JQueryUI（datepicker来自于此）。开发时需要使用devtools。

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
         $(function() {
          $('#startTime').datepicker({
          dateFormat: "dd/mm/yy"
         });

        $('#endTime').datepicker({
        dateFormat: "dd/mm/yy"
         });

        $('#date1').datepicker({
        dateFormat: "m/d/yy"
      });

   });
</script>