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 ?>" />

但我仍然得到以下错误

TypeError：$（...）。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

将$( "#Date" ).datepicker({...});放入$( document ).ready()

Answer 3

实际上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/

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

快乐编码：）

Javascript中的DatePicker问题

3 个答案: