ASP.NET DateTime Picker

is er een goede gratis/open source tijdkiezercontrole die goed samengaat met ASP.NET Calendar-controle?

Antwoord 1, autoriteit 100%

JQuery heeft de beste datepickerIMHO. Hoewel het niet specifiek is voor .Net, werkt het nog steeds geweldig.

HTML:

<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>

In hoofdelement:

<script src="../../Scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"/>
<script src="../../Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"/>

Zo simpel is het!

Antwoord 2, autoriteit 91%

Het antwoord op uw vraag is dat Jaer goede gratis/open source tijdkiezerbesturingselementen zijn die goed samengaan met ASP.NET Agenda-besturingselementen.

ASP.NET-agendabesturingselementen schrijven gewoon een HTML-tabel.

Als u HTML5 en .NET Framework 4.5 gebruikt, kunt u in plaats daarvan een ASP.NET TextBox-besturingselement gebruiken en de eigenschap TextModeinstellen op “Date”, “Month”, “Week”, ” Time” of “DateTimeLocal” — of als uw browser dit niet ondersteunt, kunt u deze eigenschap instellen op “DateTime”.
U kunt dan de eigenschap Text lezen om de datum, of tijd, of maand of week als een tekenreeks uit de TextBox te halen.

Als u .NET Framework 4.0 of een oudere versie gebruikt, kunt u HTML5’s <input type="[month, week, etc.]">; als uw browser dit niet ondersteunt, gebruik dan <input type="datetime">.

Als u de server-side code (geschreven in C # of Visual Basic) voor de informatie nodig hebben dat de gebruiker invoert in het veld datum, dan kunt u proberen om het element op de server te draaien door het schrijven van runat="server"in de ingang tag.
Zoals met alle dingen ASP, zorg ervoor dat dit element een ID te geven, zodat u het kunt openen op de server side.
Nu kunt u de eigenschap Value te lezen om de ingang datum, tijd, maand of week als een string te krijgen.

Als u dit element niet kan draaien op de server, dan zul je een verborgen gebied moeten in aanvulling op de <input type="[date/time/month/week/etc.]".
In de submit-functie (geschreven in JavaScript), de waarde van het verborgen veld om de waarde van de input type = “date”, of “tijd” of “maand”, of “week” – dan op de server- side code, lees de eigenschap Value van die verborgen veld als tekenreeks ook.

Zorg ervoor dat de verborgen veld element van de HTML kan draaien op de server.

Antwoord 3, gezag 96%

In het tekstvak toe te voegen volgt uit:

textmode="Date"

Het geeft je mooi ogende datepicker als volgt uit:

Andere variaties hiervan zijn:

textmode="DateTime"

Het geeft je deze look:

textmode="DateTimeLocal"

Antwoord 4, gezag 30%

Omdat dit de enige is die ik heb gebruikt, raad ik de CalendarExtender aan van http:// www.ajaxcontroltoolkit.com/

Antwoord 5, autoriteit 19%

Dit is een oplossing zonder jQuery.

Agenda en tekstvak toevoegen in WebForm -> Bron van WebForm heeft dit:

<asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="DateChange">
</asp:Calendar>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

Maak methoden in cs-bestand van WebForm:

protected void Page_Load(object sender, EventArgs e)
    {
        TextBox1.Text = DateTime.Today.ToShortDateString()+'.';
    }
    protected void DateChange(object sender, EventArgs e)
    {
        TextBox1.Text = Calendar1.SelectedDate.ToShortDateString() + '.';
    }

Methode DateChange is verbonden met Calendar event SelectionChanged. Het ziet er zo uit:
DatePicker-afbeelding

Antwoord 6, autoriteit 15%

<asp:TextBox ID="TextBox1" runat="server" placeholder="mm/dd/yyyy" Textmode="Date" ReadOnly = "false"></asp:TextBox>
<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />

Antwoord 7, autoriteit 11%

Basic Date Picker Lite

Dit is de gratis versie van hun vlaggenschipproduct, maar het bevat een native datum- en tijdkiezer voor asp.net.

Antwoord 8, autoriteit 11%

Probeer bootstrap-DATEPICKER Als u bootstrap gebruikt.

Antwoord 9, Autoriteit 7%

Er is een eenvoudige implementatie van de doos: de HTML 5 input type="date"en de andere datum-gerelateerde invoertypen.

Oké, je kunt de bedieningselementen niet zo vinden en het werkt niet aan elke browser , maar toch kan het op de lange termijn een zeer goede optie zijn als alle moderne browsers het ondersteunen en geen zware bibliotheken willen opnemen die niet altijd zijn Werk dat goed op mobiele apparaten.

Antwoord 10, Autoriteit 4%

Als u met een tekstvak wilt werken, moet u er rekening mee houden dat het instellen van de eigenschap TextMode naar “Datum” niet werkt op Internet Explorer 11, omdat deze momenteel niet de “datum”, “DATETIME”, NOR “TIJD ondersteunt “Waarden.

Dit voorbeeld illustreert hoe u het wilt implementeren met behulp van een tekstvak, inclusief validatie van de data (aangezien de gebruiker alleen cijfers kan invoeren). Het werkt ook op Internet Explorer 11 en andere webbrowsers.

<asp:Content ID="Content"
         ContentPlaceHolderID="MainContent"
         runat="server">
<link rel="stylesheet"
    href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   <script>
   $(function () {
   $("#
   <%= txtBoxDate.ClientID %>").datepicker();
   });
 </script>
 <asp:TextBox ID="txtBoxDate"
           runat="server"
           Width="135px"
           AutoPostBack="False"
           TabIndex="1"
           placeholder="mm/dd/yyyy"
           autocomplete="off"
           MaxLength="10"></asp:TextBox>
 <asp:CompareValidator ID="CompareValidator1"
                    runat="server"
                    ControlToValidate="txtBoxDate"
                    Operator="DataTypeCheck"
                    Type="Date">Date invalid, please check format. 
 </asp:CompareValidator>
 </asp:Content>

Antwoord 11, Autoriteit 4%

@Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control", @type = "date" } })

Dit werkt goed