Question

当我单击文本框或图标时，无法显示弹出日历。我没有出现JavaScript错误，但似乎无法弄清问题所在。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript"> 
  $('#datetimepicker input').click(function(event) {
     $('#datetimepicker').data("DateTimePicker").show(); 
  });
</script>

<!-- in the body -->
<div class="input-group">
  <input type="text" id="datetimepicker" class="form-control" name="date">
  <label class="input-group-addon btn" for="date">
    <span class="fa fa-calendar open-datetimepicker"></span>
  </label>
</div>

谁能看到我在做错什么，因为我现在真的很困惑，似乎无法解决。

谢谢

Answer 1

在document.ready中，只需使用此

即可初始化日期选择器

$("#datetimepicker ").datepicker({
  dateFormat: 'd-M-yy'
});

，当您单击输入类型时，它将自动显示日历

Answer 2

确保您已正确导入jQuery，jQuery DateTimePicker JS和CSS。然后，只需按以下方式使用Error in (function (x) : object "market" not found，不需要 click 事件-

datetimepicker

$('#datetimepicker').datetimepicker();

日历无法在点击时显示-没有JS错误

2 个答案: