ASP.NET中的DateRangePicker与MasterPage无法正常工作

Question

我的代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="lb.aspx.cs" MasterPageFile="~/bootstrap.Master" Inherits="rt.lb" %>

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

    <div>
        <input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />

        <script>
            $(function () {
                $('input[name="daterange"]').daterangepicker({
                    opens: 'right'
                }, function (start, end, label) {
                    console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
                });
            });
        </script>
    </div>

此代码指的是Date Range Picker网站。我有一个简单的ASP.NET页面，要求用户选择一系列日期。不幸的是，运行此代码后没有任何反应。这与Bootstrap有关吗？

我是jQuery的初学者，但能够理解ASP.NET中的编码。