ASP NET DateTime Picker

Question

is there any good free open source time picker control that goes well with ASP NET Calendar control

User · Answer

If you would like to work with a textbox, be aware that setting the TextMode property to "Date" will not work on Internet Explorer 11, because it does not currently support the "Date", "DateTime", nor "Time" values.

This example illustrates how to implement it using a textbox, including validation of the dates (since the user could enter just numbers). It will work on Internet Explorer 11 as well other web browsers.

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

User · Answer

This is solution without jquery   Add Calendar and TextBox in WebForm -  Source of WebForm has this    lt asp Calendar ID  Calendar1  runat  server  OnSelectionChanged  DateChange  gt   lt  asp Calendar gt   lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt    Create methods in cs file of 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                  Method DateChange is connected with Calendar event SelectionChanged  It looks like this  DatePicker Image

User · Answer

There is an easy  out of the box implementation  the HTML 5 input type  date  and the other date-related input types   Okay  you can t style the controls that much and it doesn t work on every browser  but still it can be a very good option in the long term if all modern browsers support it and don t want to include heavy libraries that don t always work that good on mobile devices

User · Answer

Html EditorFor model   gt  model Date  new   htmlAttributes   new    class    form-control    type    date         this works well

User · Answer

lt asp TextBox ID  quot TextBox1 quot  runat  quot server quot  placeholder  quot mm dd yyyy quot  Textmode  quot Date quot  ReadOnly    quot false quot  gt  lt  asp TextBox gt   lt asp Button ID  quot btnSave quot  runat  quot server quot  Text  quot Save quot  onclick  quot btnSave Click quot    gt

User · Answer

JQuery has the best datepicker IMHO  While it s not specific to  Net is still works great   HTML    lt input type  text  value  9 23 2009  style  width  100px   readonly  readonly  name  Date  id  Date  class  hasDatepicker   gt    In head element    lt script src        Scripts jquery-1 3 2 min js  language  javascript  type  text javascript   gt   lt script src        Scripts jquery-ui-1 7 1 custom min js  type  text javascript   gt    Simple as that

User · Answer

Basic Date Picker Lite  This is the free version of their flagship product  but it contains a date and time picker native for asp net

User · Answer

In the textbox add this    textmode  Date    It gives you nice looking Datepicker like this     Other variations of this are   textmode  DateTime    It gives you this look     textmode  DateTimeLocal

User · Answer

Try bootstrap-datepicker if you are using bootstrap

User · Answer

The answer to your question is that Yes there are good free open source time picker controls that go well with ASP NET Calendar controls  ASP NET calendar controls just write an HTML table  If you are using HTML5 and  NET Framework 4 5  you can instead use an ASP NET TextBox control and set the TextMode property to  quot Date quot    quot Month quot    quot Week quot    quot Time quot   or  quot DateTimeLocal quot  -- or if you your browser doesn t support this  you can set this property to  quot DateTime quot   You can then read the Text property to get the date  or time  or month  or week as a string from the TextBox  If you are using  NET Framework 4 0 or an older version  then you can use HTML5 s  lt input type  quot  month  week  etc   quot  gt   if your browser doesn t support this  use  lt input type  quot datetime quot  gt   If you need the server-side code  written in either C  or Visual Basic  for the information that the user inputs in the date field  then you can try to run the element on the server by writing runat  quot server quot  inside the input tag  As with all things ASP  make sure to give this element an ID so you can access it on the server side  Now you can read the Value property to get the input date  time  month  or week as a string  If you cannot run this element on the server  then you will need a hidden field in addition to the  lt input type  quot  date time month week etc   quot   In the submit function  written in JavaScript   set the value of the hidden field to the value of the input type  quot date quot   or  quot time quot   or  quot month quot   or  quot week quot  -- then on the server-side code  read the Value property of that hidden field as string too  Make sure that the hidden field element of the HTML can run on the server

User · Answer

Since it s the only one I ve used  I would suggest the CalendarExtender from http   www ajaxcontroltoolkit com

[asp.net] ASP.NET DateTime Picker

Examples related to asp.net

Examples related to datetime

Examples related to picker