javascript中的DatePicker问题

Question

我正在处理一个需要日期选择器的 PHP 页面。 所以我添加了以下文件：

<script src="../J/jquery.js"></script>
<script src="../J/jquery.min.js"></script>
<script src="../J/jquery-1.5.2.min.js"></script>
<script src="../J/jquery.ui.core.js"></script>
<script src="../J/jquery.ui.datepicker.js"></script>

这是相关的JS：

$(function() {
   $( "#Date" ).datepicker({ dateFormat: 'dd-M-yy',
      showOn: "button",
      buttonImage: "../I/dateimg.png",
      minDate:'<?php echo $minDate; ?>',
      maxDate:'<?php echo $maxDate; ?>',
      buttonImageOnly: true,
      firstDay:1,
      beforeShowDay: checkDisabled,
      changeMonth: true,
      changeYear: true,
      beforeShow: function(input, inst){
         inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft:`input.offsetWidth-210 + 'px'});
      } 

   });
});

这是我正在使用的标签：

<input type="text" class="form-control" id="Event_Date"  value="<?php echo $Todaysdate ?>" />

但我仍然收到以下错误

类型错误：$(...).datepicker 不是函数

任何帮助表示赞赏。

Answer 1

只需删除这些文件，因为这些 jQuery 版本之间可能存在回归。

<script src="../J/jquery.min.js"></script>
<script src="../J/jquery-1.5.2.min.js"></script>

并使用$('#Event_Date').datepicker(opts) ，而不是$('#Date').datepicker(opts) 。

并重新测试您的代码！ :)

Answer 2

put $( "#Date" ).datepicker({...}); 在$( document ).ready()

Answer 3

实际上Jquery.ui.core.js库不支持Jquery.ui.core.js datepicker() ，

参考： http : //jqueryui.com/download/

您需要参考相应的 jquery.Ui.js 库。

检查此示例（它与 OP 发布的代码相同，没有任何 php 相关标签）。

JS代码：

$(function() {
$("#Date").datepicker({ dateFormat: 'dd-M-yy',
    showOn: "button",
    buttonImage: "http://upload.wikimedia.org/wikipedia/commons/f/f0/Pixelart-tv-iso.png",
    minDate: '',
    maxDate: '',
    buttonImageOnly: true,
    firstDay: 1,
    beforeShowDay:'',
    changeMonth: true,
    changeYear: true,
    beforeShow: function(input, inst)
    {
        inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth-210 + 'px' });
    }
});
});

现场演示@JSFiddle：

http://jsfiddle.net/dreamweiver/7azwn7uj/4/

还有一个建议，始终坚持使用最新的库，因为它会更稳定。