Question

我创建了一个包含JavaScript datetimepicker的网页，但由于另一个jQuery版本被调用到该页面而无法正常工作。如何使datetimepicker或datepicker与任何版本的JavaScript一起使用？

＆＃13;

$(function() {
  $("#datepicker").datepicker();
});

＆＃13;

<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="style/qweerwer.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
  var jQuery_3_1_1 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
  var jQuery_1_11_1 = $.noConflict(true);
</script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<label class="control-label"> Event Date </label>
<div class="form-group ">
  <input style='max-width: 250px;' readonly="" name="eventdate" placeholder="Event Date" id="datepicker" class="form-control">
</div>

＆＃13;

Answer 1

使用以下js库和css：

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Answer 2

您缺少对jQuery UI库的引用，其中定义了datepicker函数。将此行添加到您的HTML中。

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

由于JavaScript版本冲突，jQuery datepicker无法正常工作

2 个答案: