Asp.net Javascript Date Range Picker не появляется

Я новичок в Jquery и хочу отобразить dateRangePicker в моем веб-приложении ASP.net [Visual Studio 2017].

Я нашел следующий компонент идеально подходит для моих требований: https://github.com/dangrossman/daterangepicker

Мой проект содержит контентные страницы и главную страницу.

Согласно предоставленному документу и примеру @ http://www.daterangepicker.com/

Я сделал следующие две вещи: 1) Включил файлы jQuery, Moment.js и Date Range Picker в мою веб-страницу

      <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="SearchInvoices.aspx.cs" Inherits="STT_Web.Invoices.SearchInvoices" %>

        <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" />
</asp:Content>

2) Затем прикрепите DaterangePicker следующим образом:

    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />

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

Тем не менее, когда я запускаю сайт, всплывающее окно не происходит. Я что-то пропустил? Пожалуйста, руководство.

0 ответов

Другие вопросы по тегам