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>

datepicker应该是的页面，如下所示：

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);
        }
    });
});

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

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

jQuery datepicker不工作 - Laravel应用程序

1 个答案: