首页 > 解决方案 > jQuery datepicker 在段落中不起作用

问题描述

我有一个小问题,我无法弄清楚为什么这个日期选择器不起作用:

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/

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

标签: javascriptjquerydatepicker

解决方案


您还需要 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>

推荐阅读