Средство выбора даты и времени не работает в веб-приложении asp. net vb - PullRequest
Новая
       50

Средство выбора даты и времени не работает в веб-приложении asp. net vb

0 голосов
/ 05 апреля 2020

Я занимаюсь разработкой веб-приложения в Visual Studio 2017 с использованием VB. NET.

На одной из страниц у меня есть поле даты, которое будет принимать значение из DateTimePicker. Моя проблема в том, что всякий раз, когда я нажимаю на текстовое поле даты, календарь для выбора даты не отображается.

Вот мой код: 

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.Master" CodeBehind="ContainerList.aspx.vb" Inherits="CustomerPortal.ContainerList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="style/css/datetimepicker/jquery.datetimepicker.css" />
    <script src="style/css/datetimepicker/jquery.datetimepicker.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="text-left" id="maincontent" runat="server">
        <div class="row pl-md-1 pb-0">
            <div class="col-md-12 pl-1">
                <p class="lead" id="heading" runat="server">DashBoard</p>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 text-center">
                <div class="alert alert-info form-control" id="infomsg">
                    <label id="infolabel" class="fa fa-info-circle">
                    Enter All or One of the Below Parameters to get the List
                    </label>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10 border border-primary pt-2 pb-2">
                <div class="row pb-3">      
                    <div class="col-md-2 pt-1">
                        <asp:Label ID="lblcontainerno" Text="Container No" runat="server" CssClass="col-form-label"></asp:Label>
                    </div>
                    <div class="col-md-3">
                        <input type="text" id="txtcontainerno" class="form-control form-control-sm" runat="server"/>
                    </div>
                    <div class="col-md-2"></div>
                    <div class="col-md-2 pt-1">
                        <asp:Label ID="lblbolnumber" Text="BOL Number" runat="server" CssClass="col-form-label"></asp:Label>
                    </div>
                    <div class="col-md-3">
                        <input type="text" id="txtbolnumber" class="form-control form-control-sm" runat="server" />
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-2">
                        <asp:Label ID="lblfromrecdate" Text="From Recvd. Date" runat="server" CssClass="col-form-label"></asp:Label>
                    </div>
                    <div class="col-md-3">
                        <!--<div class="input-group">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar fa-lg"></i> 
                            </div>-->
                            <input type="text" id="txtfromrecdate" class="form-control form-control-sm readonly" runat="server" placeholder="dd/mm/yyyy" />
                        <!--</div>-->
                    </div>
                    <div class="col-md-2"></div>
                    <div class="col-md-2">
                        <asp:Label ID="lbluptorecdate" Text="Upto Recvd. Date" runat="server" CssClass="col-form-label"></asp:Label>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar fa-lg"></i> 
                            </div>
                            <input type="text" id="txtuptorecdate" class="form-control form-control-sm readonly" runat="server" placeholder="dd/mm/yyyy"/>  
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('#txtfromrecdate').datetimepicker(); 
        });
    </script>
</asp:Content>

Пожалуйста, укажите мне, если я делаю любая ошибка.

...