jQuery datepicker 在段落中不起作用答案

【问题标题】：jQuery datepicker not working in paragraphjQuery datepicker 在段落中不起作用
【发布时间】：2021-05-07 04:23:40
【问题描述】：

我有一个小问题，我不知道为什么这个日期选择器不起作用：

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>

JavaScript 部分是：

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

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

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

这是一个 JSFiddle：https://jsfiddle.net/h10t7ed6/

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

【问题讨论】：

如果您检查 JSFiddle 上的浏览器开发工具，并查看控制台，您将看到错误：Uncaught TypeError: $(...).datepicker is not a function。这告诉您您没有包含 JQueryUI（这是 Datepicker 的来源）。开发时需要使用 devtools。

标签： javascript jquery datepicker

【解决方案1】：

您还需要 JQuery UI 支持：

<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>

【讨论】：

一个 jsfiddle 不需要被包裹在 $(function() { ... } 中，并且 OP 的代码是否需要这取决于代码如何与页面“关联”（“包含”？），我们可以'从 OP 问题中看出来。