ASP.NET DateTime Picker












28















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










share|improve this question




















  • 3





    Did you see or tried jQuery UI? There's a datetime picker that works excellent.

    – Sebastian
    Sep 24 '09 at 0:49






  • 1





    Here is the link to that picker: milesich.com/timepicker

    – John Rasch
    Sep 24 '09 at 0:50






  • 1





    sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

    – SoftwareGeek
    Sep 24 '09 at 1:21






  • 1





    UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

    – SoftwareGeek
    Mar 25 '10 at 0:16
















28















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










share|improve this question




















  • 3





    Did you see or tried jQuery UI? There's a datetime picker that works excellent.

    – Sebastian
    Sep 24 '09 at 0:49






  • 1





    Here is the link to that picker: milesich.com/timepicker

    – John Rasch
    Sep 24 '09 at 0:50






  • 1





    sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

    – SoftwareGeek
    Sep 24 '09 at 1:21






  • 1





    UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

    – SoftwareGeek
    Mar 25 '10 at 0:16














28












28








28


8






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










share|improve this question
















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







asp.net datetime picker






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Oct 7 '13 at 10:48









djot

2,72231426




2,72231426










asked Sep 24 '09 at 0:43









SoftwareGeekSoftwareGeek

6,561165477




6,561165477








  • 3





    Did you see or tried jQuery UI? There's a datetime picker that works excellent.

    – Sebastian
    Sep 24 '09 at 0:49






  • 1





    Here is the link to that picker: milesich.com/timepicker

    – John Rasch
    Sep 24 '09 at 0:50






  • 1





    sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

    – SoftwareGeek
    Sep 24 '09 at 1:21






  • 1





    UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

    – SoftwareGeek
    Mar 25 '10 at 0:16














  • 3





    Did you see or tried jQuery UI? There's a datetime picker that works excellent.

    – Sebastian
    Sep 24 '09 at 0:49






  • 1





    Here is the link to that picker: milesich.com/timepicker

    – John Rasch
    Sep 24 '09 at 0:50






  • 1





    sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

    – SoftwareGeek
    Sep 24 '09 at 1:21






  • 1





    UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

    – SoftwareGeek
    Mar 25 '10 at 0:16








3




3





Did you see or tried jQuery UI? There's a datetime picker that works excellent.

– Sebastian
Sep 24 '09 at 0:49





Did you see or tried jQuery UI? There's a datetime picker that works excellent.

– Sebastian
Sep 24 '09 at 0:49




1




1





Here is the link to that picker: milesich.com/timepicker

– John Rasch
Sep 24 '09 at 0:50





Here is the link to that picker: milesich.com/timepicker

– John Rasch
Sep 24 '09 at 0:50




1




1





sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

– SoftwareGeek
Sep 24 '09 at 1:21





sebastian & john, i have not tried jquery. The interface looks great, i am gonna give it a try. thanks again.

– SoftwareGeek
Sep 24 '09 at 1:21




1




1





UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

– SoftwareGeek
Mar 25 '10 at 0:16





UPDATE: I think jQuery is much better. I gave it a try & it's works nicely.

– SoftwareGeek
Mar 25 '10 at 0:16












8 Answers
8






active

oldest

votes


















24














JQuery has the best datepicker IMHO. While it's not specific to .Net is still works great.



HTML:



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


In head element:



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


Simple as that!






share|improve this answer





















  • 1





    +1 - It's the one I use.

    – Martin
    Sep 24 '09 at 1:08






  • 5





    @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

    – SoftwareGeek
    Mar 25 '10 at 0:17








  • 20





    Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

    – dyslexicanaboko
    Feb 18 '14 at 21:32






  • 1





    Thanks, works well for me :)

    – JSC
    Aug 13 '14 at 22:28



















32














The answer to your question is Yes, there is any good free/open source time picker control that goes well with ASP.NET Calendar control.



ASP.NET Calendar control just writes an html table.



If you are using HTML5 and DOT.NET Framework 4.5, then you can use ASP.NET TextBox control instead, and set the TextMode property to either "Date", or "Month", or "Week", or "Time" or "DateTimeLocal" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can set this property to "DateTime".



Then read the Text property to get the date, or time, or month, or week as string from the TextBox.



If you are using DOT.NET Framework 4.0 or older version, then you can use either html5 input type="date" or input type="month" or input type="week" or input type="time" or input type="datetime-local" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can use input type="datetime".



If you need on the server side code (written in either C# or Visual Basic) the information that the user input in the date field, then you can try to run this element on server by writing inside the input tag runat="server"



Also give this element an id, so you can access it on the server side code.
Read the Value property to get the input date, time, month, or week as string. If you cannot run this element on the server, then you need an hidden field in addition to the input type="date" or "time" or "month" or "week".
In the submit function (written in javascript) set the value of the hidden field to the value of the input type="date", or "time", or "month", or "week", and then on the server side code, read the Value property of that hidden field as string too.



Sure that the hidden field element of the html can run on the server.



Hope that helps.






share|improve this answer





















  • 1





    Pretty good solution. I wonder why no one actually posted it anywhere else.

    – Vikas
    Aug 25 '15 at 10:40






  • 1





    While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

    – sheppe
    Nov 2 '16 at 17:36



















8














Since it's the only one I've used, I would suggest the CalendarExtender from http://www.ajaxcontroltoolkit.com/






share|improve this answer



















  • 1





    The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

    – Brian Moeskau
    Sep 24 '09 at 1:11






  • 2





    sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

    – SoftwareGeek
    Sep 26 '09 at 0:24






  • 1





    is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

    – sshow
    Sep 26 '09 at 12:38






  • 1





    it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

    – SoftwareGeek
    Sep 27 '09 at 18:37






  • 1





    UPDATE - i have resolved the integrating issues.

    – SoftwareGeek
    Mar 25 '10 at 0:18



















3














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.






share|improve this answer































    3














    Try bootstrap-datepicker if you are using bootstrap.






    share|improve this answer































      3














      In the textbox add this:



      textmode="Date"


      It gives you nice looking Datepicker like this:



      DatePicker



      Other variations of this are:



      textmode="DateTime"


      It gives you this look:



      Date Time Picker



      textmode="DateTimeLocal"





      share|improve this answer

































        2














        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.






        share|improve this answer































          2














          This is solution without jquery.



          Add Calendar and TextBox in WebForm -> Source of WebForm has this:



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


          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






          share|improve this answer























            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f1469280%2fasp-net-datetime-picker%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            8 Answers
            8






            active

            oldest

            votes








            8 Answers
            8






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            24














            JQuery has the best datepicker IMHO. While it's not specific to .Net is still works great.



            HTML:



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


            In head element:



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


            Simple as that!






            share|improve this answer





















            • 1





              +1 - It's the one I use.

              – Martin
              Sep 24 '09 at 1:08






            • 5





              @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

              – SoftwareGeek
              Mar 25 '10 at 0:17








            • 20





              Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

              – dyslexicanaboko
              Feb 18 '14 at 21:32






            • 1





              Thanks, works well for me :)

              – JSC
              Aug 13 '14 at 22:28
















            24














            JQuery has the best datepicker IMHO. While it's not specific to .Net is still works great.



            HTML:



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


            In head element:



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


            Simple as that!






            share|improve this answer





















            • 1





              +1 - It's the one I use.

              – Martin
              Sep 24 '09 at 1:08






            • 5





              @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

              – SoftwareGeek
              Mar 25 '10 at 0:17








            • 20





              Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

              – dyslexicanaboko
              Feb 18 '14 at 21:32






            • 1





              Thanks, works well for me :)

              – JSC
              Aug 13 '14 at 22:28














            24












            24








            24







            JQuery has the best datepicker IMHO. While it's not specific to .Net is still works great.



            HTML:



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


            In head element:



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


            Simple as that!






            share|improve this answer















            JQuery has the best datepicker IMHO. While it's not specific to .Net is still works great.



            HTML:



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


            In head element:



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


            Simple as that!







            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Sep 24 '09 at 1:10

























            answered Sep 24 '09 at 1:05









            Chuck ConwayChuck Conway

            13.5k104994




            13.5k104994








            • 1





              +1 - It's the one I use.

              – Martin
              Sep 24 '09 at 1:08






            • 5





              @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

              – SoftwareGeek
              Mar 25 '10 at 0:17








            • 20





              Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

              – dyslexicanaboko
              Feb 18 '14 at 21:32






            • 1





              Thanks, works well for me :)

              – JSC
              Aug 13 '14 at 22:28














            • 1





              +1 - It's the one I use.

              – Martin
              Sep 24 '09 at 1:08






            • 5





              @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

              – SoftwareGeek
              Mar 25 '10 at 0:17








            • 20





              Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

              – dyslexicanaboko
              Feb 18 '14 at 21:32






            • 1





              Thanks, works well for me :)

              – JSC
              Aug 13 '14 at 22:28








            1




            1





            +1 - It's the one I use.

            – Martin
            Sep 24 '09 at 1:08





            +1 - It's the one I use.

            – Martin
            Sep 24 '09 at 1:08




            5




            5





            @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

            – SoftwareGeek
            Mar 25 '10 at 0:17







            @Chuck-i accepted your solution but letting you know that you are missing the following instantiation that's needed for the datepicker. '$("#Date").datepicker();'

            – SoftwareGeek
            Mar 25 '10 at 0:17






            20




            20





            Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

            – dyslexicanaboko
            Feb 18 '14 at 21:32





            Please correct me if I am wrong, but this jQuery control does not support the "Time" part of "DateTime". Am I wrong? I cannot see how this control is a DateTime Picker as it is just a Datepicker.

            – dyslexicanaboko
            Feb 18 '14 at 21:32




            1




            1





            Thanks, works well for me :)

            – JSC
            Aug 13 '14 at 22:28





            Thanks, works well for me :)

            – JSC
            Aug 13 '14 at 22:28













            32














            The answer to your question is Yes, there is any good free/open source time picker control that goes well with ASP.NET Calendar control.



            ASP.NET Calendar control just writes an html table.



            If you are using HTML5 and DOT.NET Framework 4.5, then you can use ASP.NET TextBox control instead, and set the TextMode property to either "Date", or "Month", or "Week", or "Time" or "DateTimeLocal" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can set this property to "DateTime".



            Then read the Text property to get the date, or time, or month, or week as string from the TextBox.



            If you are using DOT.NET Framework 4.0 or older version, then you can use either html5 input type="date" or input type="month" or input type="week" or input type="time" or input type="datetime-local" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can use input type="datetime".



            If you need on the server side code (written in either C# or Visual Basic) the information that the user input in the date field, then you can try to run this element on server by writing inside the input tag runat="server"



            Also give this element an id, so you can access it on the server side code.
            Read the Value property to get the input date, time, month, or week as string. If you cannot run this element on the server, then you need an hidden field in addition to the input type="date" or "time" or "month" or "week".
            In the submit function (written in javascript) set the value of the hidden field to the value of the input type="date", or "time", or "month", or "week", and then on the server side code, read the Value property of that hidden field as string too.



            Sure that the hidden field element of the html can run on the server.



            Hope that helps.






            share|improve this answer





















            • 1





              Pretty good solution. I wonder why no one actually posted it anywhere else.

              – Vikas
              Aug 25 '15 at 10:40






            • 1





              While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

              – sheppe
              Nov 2 '16 at 17:36
















            32














            The answer to your question is Yes, there is any good free/open source time picker control that goes well with ASP.NET Calendar control.



            ASP.NET Calendar control just writes an html table.



            If you are using HTML5 and DOT.NET Framework 4.5, then you can use ASP.NET TextBox control instead, and set the TextMode property to either "Date", or "Month", or "Week", or "Time" or "DateTimeLocal" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can set this property to "DateTime".



            Then read the Text property to get the date, or time, or month, or week as string from the TextBox.



            If you are using DOT.NET Framework 4.0 or older version, then you can use either html5 input type="date" or input type="month" or input type="week" or input type="time" or input type="datetime-local" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can use input type="datetime".



            If you need on the server side code (written in either C# or Visual Basic) the information that the user input in the date field, then you can try to run this element on server by writing inside the input tag runat="server"



            Also give this element an id, so you can access it on the server side code.
            Read the Value property to get the input date, time, month, or week as string. If you cannot run this element on the server, then you need an hidden field in addition to the input type="date" or "time" or "month" or "week".
            In the submit function (written in javascript) set the value of the hidden field to the value of the input type="date", or "time", or "month", or "week", and then on the server side code, read the Value property of that hidden field as string too.



            Sure that the hidden field element of the html can run on the server.



            Hope that helps.






            share|improve this answer





















            • 1





              Pretty good solution. I wonder why no one actually posted it anywhere else.

              – Vikas
              Aug 25 '15 at 10:40






            • 1





              While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

              – sheppe
              Nov 2 '16 at 17:36














            32












            32








            32







            The answer to your question is Yes, there is any good free/open source time picker control that goes well with ASP.NET Calendar control.



            ASP.NET Calendar control just writes an html table.



            If you are using HTML5 and DOT.NET Framework 4.5, then you can use ASP.NET TextBox control instead, and set the TextMode property to either "Date", or "Month", or "Week", or "Time" or "DateTimeLocal" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can set this property to "DateTime".



            Then read the Text property to get the date, or time, or month, or week as string from the TextBox.



            If you are using DOT.NET Framework 4.0 or older version, then you can use either html5 input type="date" or input type="month" or input type="week" or input type="time" or input type="datetime-local" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can use input type="datetime".



            If you need on the server side code (written in either C# or Visual Basic) the information that the user input in the date field, then you can try to run this element on server by writing inside the input tag runat="server"



            Also give this element an id, so you can access it on the server side code.
            Read the Value property to get the input date, time, month, or week as string. If you cannot run this element on the server, then you need an hidden field in addition to the input type="date" or "time" or "month" or "week".
            In the submit function (written in javascript) set the value of the hidden field to the value of the input type="date", or "time", or "month", or "week", and then on the server side code, read the Value property of that hidden field as string too.



            Sure that the hidden field element of the html can run on the server.



            Hope that helps.






            share|improve this answer















            The answer to your question is Yes, there is any good free/open source time picker control that goes well with ASP.NET Calendar control.



            ASP.NET Calendar control just writes an html table.



            If you are using HTML5 and DOT.NET Framework 4.5, then you can use ASP.NET TextBox control instead, and set the TextMode property to either "Date", or "Month", or "Week", or "Time" or "DateTimeLocal" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can set this property to "DateTime".



            Then read the Text property to get the date, or time, or month, or week as string from the TextBox.



            If you are using DOT.NET Framework 4.0 or older version, then you can use either html5 input type="date" or input type="month" or input type="week" or input type="time" or input type="datetime-local" or if you are not using either Chrome or Firefox or Internet Explorer, then you also can use input type="datetime".



            If you need on the server side code (written in either C# or Visual Basic) the information that the user input in the date field, then you can try to run this element on server by writing inside the input tag runat="server"



            Also give this element an id, so you can access it on the server side code.
            Read the Value property to get the input date, time, month, or week as string. If you cannot run this element on the server, then you need an hidden field in addition to the input type="date" or "time" or "month" or "week".
            In the submit function (written in javascript) set the value of the hidden field to the value of the input type="date", or "time", or "month", or "week", and then on the server side code, read the Value property of that hidden field as string too.



            Sure that the hidden field element of the html can run on the server.



            Hope that helps.







            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Jan 29 '15 at 17:13

























            answered Jan 22 '15 at 1:01









            Farewell Stack ExchangeFarewell Stack Exchange

            6561925




            6561925








            • 1





              Pretty good solution. I wonder why no one actually posted it anywhere else.

              – Vikas
              Aug 25 '15 at 10:40






            • 1





              While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

              – sheppe
              Nov 2 '16 at 17:36














            • 1





              Pretty good solution. I wonder why no one actually posted it anywhere else.

              – Vikas
              Aug 25 '15 at 10:40






            • 1





              While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

              – sheppe
              Nov 2 '16 at 17:36








            1




            1





            Pretty good solution. I wonder why no one actually posted it anywhere else.

            – Vikas
            Aug 25 '15 at 10:40





            Pretty good solution. I wonder why no one actually posted it anywhere else.

            – Vikas
            Aug 25 '15 at 10:40




            1




            1





            While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

            – sheppe
            Nov 2 '16 at 17:36





            While this doesn't directly answer the question, it's the cleanest solution. Thanks for this.

            – sheppe
            Nov 2 '16 at 17:36











            8














            Since it's the only one I've used, I would suggest the CalendarExtender from http://www.ajaxcontroltoolkit.com/






            share|improve this answer



















            • 1





              The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

              – Brian Moeskau
              Sep 24 '09 at 1:11






            • 2





              sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

              – SoftwareGeek
              Sep 26 '09 at 0:24






            • 1





              is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

              – sshow
              Sep 26 '09 at 12:38






            • 1





              it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

              – SoftwareGeek
              Sep 27 '09 at 18:37






            • 1





              UPDATE - i have resolved the integrating issues.

              – SoftwareGeek
              Mar 25 '10 at 0:18
















            8














            Since it's the only one I've used, I would suggest the CalendarExtender from http://www.ajaxcontroltoolkit.com/






            share|improve this answer



















            • 1





              The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

              – Brian Moeskau
              Sep 24 '09 at 1:11






            • 2





              sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

              – SoftwareGeek
              Sep 26 '09 at 0:24






            • 1





              is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

              – sshow
              Sep 26 '09 at 12:38






            • 1





              it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

              – SoftwareGeek
              Sep 27 '09 at 18:37






            • 1





              UPDATE - i have resolved the integrating issues.

              – SoftwareGeek
              Mar 25 '10 at 0:18














            8












            8








            8







            Since it's the only one I've used, I would suggest the CalendarExtender from http://www.ajaxcontroltoolkit.com/






            share|improve this answer













            Since it's the only one I've used, I would suggest the CalendarExtender from http://www.ajaxcontroltoolkit.com/







            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Sep 24 '09 at 0:58









            sshowsshow

            6,09533561




            6,09533561








            • 1





              The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

              – Brian Moeskau
              Sep 24 '09 at 1:11






            • 2





              sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

              – SoftwareGeek
              Sep 26 '09 at 0:24






            • 1





              is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

              – sshow
              Sep 26 '09 at 12:38






            • 1





              it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

              – SoftwareGeek
              Sep 27 '09 at 18:37






            • 1





              UPDATE - i have resolved the integrating issues.

              – SoftwareGeek
              Mar 25 '10 at 0:18














            • 1





              The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

              – Brian Moeskau
              Sep 24 '09 at 1:11






            • 2





              sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

              – SoftwareGeek
              Sep 26 '09 at 0:24






            • 1





              is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

              – sshow
              Sep 26 '09 at 12:38






            • 1





              it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

              – SoftwareGeek
              Sep 27 '09 at 18:37






            • 1





              UPDATE - i have resolved the integrating issues.

              – SoftwareGeek
              Mar 25 '10 at 0:18








            1




            1





            The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

            – Brian Moeskau
            Sep 24 '09 at 1:11





            The last time I tried to use this toolkit I gave up the first time I needed to customize/extend something. The source code was beyond horrible. I certainly hope they've improved since then, but based on my experience (and the wealth of better Ajax control options like Ext, YUI, Dojo, etc.) I'd avoid this entire library like the plague.

            – Brian Moeskau
            Sep 24 '09 at 1:11




            2




            2





            sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

            – SoftwareGeek
            Sep 26 '09 at 0:24





            sshow, i am using ajaxcontroltoolkit for calendar but it doesn't support time component

            – SoftwareGeek
            Sep 26 '09 at 0:24




            1




            1





            is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

            – sshow
            Sep 26 '09 at 12:38





            is it possible that the MaskedEdit could give you what you want? ajaxcontroltoolkit.com/MaskedEdit/MaskedEdit.aspx

            – sshow
            Sep 26 '09 at 12:38




            1




            1





            it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

            – SoftwareGeek
            Sep 27 '09 at 18:37





            it will work but not very user friendly. it should be effortless like the jquery demo mentioned earlier but i had issues integrating it with asp.net

            – SoftwareGeek
            Sep 27 '09 at 18:37




            1




            1





            UPDATE - i have resolved the integrating issues.

            – SoftwareGeek
            Mar 25 '10 at 0:18





            UPDATE - i have resolved the integrating issues.

            – SoftwareGeek
            Mar 25 '10 at 0:18











            3














            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.






            share|improve this answer




























              3














              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.






              share|improve this answer


























                3












                3








                3







                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.






                share|improve this 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.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Sep 24 '09 at 1:13









                recursiverecursive

                61.8k21116207




                61.8k21116207























                    3














                    Try bootstrap-datepicker if you are using bootstrap.






                    share|improve this answer




























                      3














                      Try bootstrap-datepicker if you are using bootstrap.






                      share|improve this answer


























                        3












                        3








                        3







                        Try bootstrap-datepicker if you are using bootstrap.






                        share|improve this answer













                        Try bootstrap-datepicker if you are using bootstrap.







                        share|improve this answer












                        share|improve this answer



                        share|improve this answer










                        answered Feb 21 '14 at 2:16









                        rockXrockrockXrock

                        3,01212018




                        3,01212018























                            3














                            In the textbox add this:



                            textmode="Date"


                            It gives you nice looking Datepicker like this:



                            DatePicker



                            Other variations of this are:



                            textmode="DateTime"


                            It gives you this look:



                            Date Time Picker



                            textmode="DateTimeLocal"





                            share|improve this answer






























                              3














                              In the textbox add this:



                              textmode="Date"


                              It gives you nice looking Datepicker like this:



                              DatePicker



                              Other variations of this are:



                              textmode="DateTime"


                              It gives you this look:



                              Date Time Picker



                              textmode="DateTimeLocal"





                              share|improve this answer




























                                3












                                3








                                3







                                In the textbox add this:



                                textmode="Date"


                                It gives you nice looking Datepicker like this:



                                DatePicker



                                Other variations of this are:



                                textmode="DateTime"


                                It gives you this look:



                                Date Time Picker



                                textmode="DateTimeLocal"





                                share|improve this answer















                                In the textbox add this:



                                textmode="Date"


                                It gives you nice looking Datepicker like this:



                                DatePicker



                                Other variations of this are:



                                textmode="DateTime"


                                It gives you this look:



                                Date Time Picker



                                textmode="DateTimeLocal"






                                share|improve this answer














                                share|improve this answer



                                share|improve this answer








                                edited Nov 13 '18 at 15:15

























                                answered Nov 13 '18 at 15:07









                                EhsanEhsan

                                7711




                                7711























                                    2














                                    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.






                                    share|improve this answer




























                                      2














                                      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.






                                      share|improve this answer


























                                        2












                                        2








                                        2







                                        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.






                                        share|improve this 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.







                                        share|improve this answer












                                        share|improve this answer



                                        share|improve this answer










                                        answered Mar 16 '16 at 8:53









                                        Patrick HofmanPatrick Hofman

                                        126k18171229




                                        126k18171229























                                            2














                                            This is solution without jquery.



                                            Add Calendar and TextBox in WebForm -> Source of WebForm has this:



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


                                            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






                                            share|improve this answer




























                                              2














                                              This is solution without jquery.



                                              Add Calendar and TextBox in WebForm -> Source of WebForm has this:



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


                                              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






                                              share|improve this answer


























                                                2












                                                2








                                                2







                                                This is solution without jquery.



                                                Add Calendar and TextBox in WebForm -> Source of WebForm has this:



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


                                                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






                                                share|improve this answer













                                                This is solution without jquery.



                                                Add Calendar and TextBox in WebForm -> Source of WebForm has this:



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


                                                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







                                                share|improve this answer












                                                share|improve this answer



                                                share|improve this answer










                                                answered Feb 22 '17 at 21:16









                                                Bojan JovanovicBojan Jovanovic

                                                214




                                                214






























                                                    draft saved

                                                    draft discarded




















































                                                    Thanks for contributing an answer to Stack Overflow!


                                                    • Please be sure to answer the question. Provide details and share your research!

                                                    But avoid



                                                    • Asking for help, clarification, or responding to other answers.

                                                    • Making statements based on opinion; back them up with references or personal experience.


                                                    To learn more, see our tips on writing great answers.




                                                    draft saved


                                                    draft discarded














                                                    StackExchange.ready(
                                                    function () {
                                                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f1469280%2fasp-net-datetime-picker%23new-answer', 'question_page');
                                                    }
                                                    );

                                                    Post as a guest















                                                    Required, but never shown





















































                                                    Required, but never shown














                                                    Required, but never shown












                                                    Required, but never shown







                                                    Required, but never shown

































                                                    Required, but never shown














                                                    Required, but never shown












                                                    Required, but never shown







                                                    Required, but never shown







                                                    Popular posts from this blog

                                                    Full-time equivalent

                                                    Bicuculline

                                                    さくらももこ