jQuery datepicker不工作 - Laravel应用程序

Question

我包含我的datepicker输入内部if语句，所以它不起作用。我不知道它是否因if语句或其他原因而不工作，但是当没有if语句时，datepicker可以正常工作。脚本包含在正确的顺序，所以这很好。 jQuery的脚本：

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<script> 
$(function() { 
$('#nextDate').datepicker({ 
    dateFormat: "yy-mm-dd", 
    }); 
    $("#currentDate").datepicker({ 
    dateFormat: "yy-mm-dd", 
    minDate: 0, 
    onSelect: function(date){ 
     var date2 = $('#currentDate').datepicker('getDate'); 
     date2.setDate(date2.getDate()+7); 
     $('#nextDate').datepicker('setDate', date2); 
     } 
    }); 
}); 
</script> 

其中日期选择应该是页，站在这样的：

if(Auth::user()->role == 2) { ?> 
<form class="form-horizontal" method="POST" action="/rentals"> 
{{ csrf_field() }} 
    <div class="form-group"> 
      <div class="col-sm-5 col-sm-offset-1"> 
       <input class="form-control" type="text" id="currentDate" name="start"> 
      </div> 
      <div class="col-sm-5"> 
      <input class="form-control" type="text" id="nextDate" name="end"> 
      </div> 
    </div> 
     <button type="submit" class="btn btn-success">Rent it</button> 
     </form> 
<?php } ?> 

Answer 1

你试过启动从控制台datePickers简单地：

$('#nextDate').datepicker({}); 

如果那么你会得到什么错误？这可能不是实际的答案，但另一件事，试图将是把包装你的JavaScript代码的文档准备，而不是功能，您现在正在使用：

$(document).ready(function(){ 

    $('#nextDate').datepicker({ 
     dateFormat: "yy-mm-dd", 
    }); 

    $("#currentDate").datepicker({ 
     dateFormat: "yy-mm-dd", 
     minDate: 0, 
     onSelect: function(date){ 
      var date2 = $('#currentDate').datepicker('getDate'); 
      date2.setDate(date2.getDate()+7); 
      $('#nextDate').datepicker('setDate', date2); 
     } 
    }); 
}); 

此外，我会建议删除的选项从日期选择器调用时测试。有时候他们是错误的来源，所以请从下面开始：

$(document).ready(function(){ 
    $('#nextDate').datepicker(); 
    $('#currentDate').datepicker(); 
});