ASP.NET DateTime Picker

Question

Gibt es eine gute freie/Open Source Zeit Picker-Steuerelement, die gut mit ASP.NET Calendar Control?

Answer 1

JQuery hat die beste datepicker IMHO. Obwohl es nicht spezifisch für .Net ist, funktioniert es immer noch großartig.

HTML:

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

Im Kopfelement:

<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"/> 

So einfach ist das!

Answer 2

Da es das einzige ist, die ich verwendet habe, würde ich die CalendarExtender vorschlagen von http://www.ajaxcontroltoolkit.com/

Answer 3

Basic Date Picker Lite

Dies ist die kostenlose Version ihrer Flaggschiff-Produkt, aber es enthält ein Datum und Zeitauswahl nativen für asp.net.

Answer 4

Versuchen Sie bootstrap-datepicker, wenn Sie Bootstrap verwenden.

Answer 5

Die Antwort auf Ihre Frage ist Ja, gibt es eine gute freie/Open-Source-Zeitauswahl Steuerung, die gut mit ASP.NET-Kalender-Steuerelement geht.

ASP.NET Calendar Steuerelement schreibt nur eine HTML-Tabelle.

Wenn Sie HTML5 und DOT.NET Framework 4.5 verwenden, können Sie stattdessen ASP.NET TextBox-Steuerelement verwenden und die TextMode-Eigenschaft auf "Datum" oder "Monat" oder "Woche" oder " Time "oder" DateTimeLocal "oder wenn Sie nicht entweder mit Chrome oder Firefox oder Internet Explorer verwenden, können Sie diese Eigenschaft auch auf" DateTime "einstellen.

Lesen Sie dann die Eigenschaft Text, um das Datum, die Uhrzeit, den Monat oder die Woche als Zeichenfolge aus der TextBox abzurufen.

Wenn Sie DOT.NET Framework 4.0 oder eine ältere Version verwenden, können Sie entweder html5 input type = "date" oder input type = "month" oder input type = "week" oder input type = "time" verwenden oder input type = "datetime-local" oder wenn Sie nicht entweder mit Chrome oder Firefox oder Internet Explorer verwenden, dann können Sie auch den Eingabetyp = "datetime" verwenden.

Wenn Sie auf dem Server-Seite Code benötigen (geschrieben in entweder C# oder Visual Basic) die Information, dass die Benutzereingabe in dem Datumsfeld, dann können Sie versuchen, dieses Element auf dem Server ausgeführt werden, indem innerhalb des Eingangs-Tages zu schreiben runat="server"

Geben Sie diesem Element auch eine ID, damit Sie auf den serverseitigen Code zugreifen können. Lesen Sie die Value-Eigenschaft, um das Eingabedatum, die Uhrzeit, den Monat oder die Woche als Zeichenfolge abzurufen. Wenn Sie dieses Element nicht auf dem Server ausführen können, benötigen Sie zusätzlich zum Eingabetyp = "date" oder "time" oder "month" oder "week" ein verstecktes Feld. In der Submit-Funktion (in Javascript geschrieben) setzen Sie den Wert des versteckten Feldes auf den Wert des Eingabetyps = "Datum" oder "Zeit" oder "Monat" oder "Woche" und dann auf der Serverseite Lesen Sie die Value-Eigenschaft dieses ausgeblendeten Felds auch als Zeichenfolge.

Sicher, dass das versteckte Feld Element des HTML auf dem Server ausgeführt werden kann.

Hoffe, dass hilft.

Answer 6

Es gibt eine einfache, out-of-the-box-Implementierung: die HTML 5 und die anderen datumbezogenen Eingabearten.

Okay, Sie können die Steuerelemente nicht so viel stylen und es doesn't work on every browser, aber es kann immer noch eine sehr gute Option auf lange Sicht sein, wenn alle modernen Browser es unterstützen und nicht schwere Bibliotheken, die nicht ' Auf mobilen Geräten funktioniert das immer gut.

Answer 7

Dies ist eine Lösung ohne Jquery.

Kalender und TextBox in Webformular hinzufügen -> Quelle von Web Form hat dies:

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

erstellen Methoden in cs-Datei von Web Form:

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 mit Kalenderereignis verbunden ist Selection. Es sieht so aus: DatePicker Image