jQuery datepicker 不工作 - Laravel 应用程序

Question

我在 if 语句中包含了我的 datepicker 输入，所以它不起作用。我不知道它是否因为 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({});

如果是这样，你会得到什么错误？这可能不是实际的答案，但要尝试的另一件事是准备好 wrap 您的 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);
        }
    });
});

我还建议在测试时从 datepicker 调用中删除选项。有时它们是错误的根源，所以从以下开始：

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