Jquery ui 如何创建显示startdate和enddate的日期选择器?

Jquery ui 如何创建显示startdate和enddate的日期选择器?,jquery-ui,bootstrap-4,Jquery Ui,Bootstrap 4,我想创建jQueryUIDatePicker,从开始到结束。不幸的是,这段代码的一部分不起作用。然而,我对它进行了麻烦处理,没有发现任何错误。是否有任何方法可以改进我的代码以使其工作?Jfiddle.net已经在这段代码上使用过,但是我没有收到任何错误 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="

我想创建jQueryUIDatePicker,从开始到结束。不幸的是,这段代码的一部分不起作用。然而,我对它进行了麻烦处理,没有发现任何错误。是否有任何方法可以改进我的代码以使其工作?Jfiddle.net已经在这段代码上使用过,但是我没有收到任何错误

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css">



 <div class="d-flex justify-content-start">
 <div class="input-daterange input-group" id="datepicker">
   <input type="text" class="input-sm form-control" name="from" placeholder="startdate"/>
   <span class="input-group-addon">To</span>
   <input type="text" class= "input-sm form-control" placeholder="enddate"/>
     </div>
  </div><br>
<br>
  <br/>
  <br/>


<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script type='text/javascript' src='https://raw.githack.com/jamiebicknell/Toggle-Switch/master/jquery.toggleswitch.js'></script>
<script type="text/javascript">

   // date functionality
  $(document).ready(function(){
  $('.input-daterange').datepicker({
   dateFormat: "dd-mm-yy"

    });
  });




//日期功能 $(文档).ready(函数(){ $('.input daterange').datepicker({ 日期格式:“dd-mm-yy” }); });
使用jquery ui日期选择器:


jQuery UI日期选择器-默认功能
$(函数(){
$(“#日期选择器”).datepicker();
} );

为什么要包含两个不同版本的引导CSS?在@j08691上,它似乎工作得很好,我在那里做了什么,DOM没有响应是不正确的?我似乎不明白,代码是一样的,但对我来说它不工作。尝试使用jsfiddle.net。我还是不明白。尝试清除Catch浏览器。我正在使用thingspeak频道。我还尝试使用Notepad++local并使用Mozilla浏览器运行,datepicker似乎按照JSFIDLE工作。但我在thingspeak上的应用程序不是,相同的代码。这里可能有什么问题?我怎么把它修好?请帮助我的朋友们,我坚持这一点。朋友们,我最终弄明白了,我只是重做了HTML部分,其他一些标记属性丢失了。因此,我的DOM无法很好地加载日期选择器。