how to create datepicker in mvc 5

Question

0.00/5 (No votes)

See more:

, +

hi to all,
how to set datepicker in mvc 5. Here i using JqueryUiHelper in package manage console and another method i used jqueryui (combined) library.Here i using many methods but no use can u help me please.Can anybody help how to create simple Date Picker Explain me please.

Posted 30-Jul-14 19:05pm

JOTHI KUMAR Member 10918227

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jesús López Méndez · Answer 1 · 2014-07-30T19:48:00

Solution 1

Have you seen the documentation?

http://jqueryui.com/datepicker/[^]

Click on view source and you will see an example.

Posted 30-Jul-14 19:48pm

Jesús López Méndez

Comments

JOTHI KUMAR Member 10918227 31-Jul-14 1:54am

hey i tried this also.if i used JqueryUiHelper in package manage console. i got an error no directory found.or if i used jqueryui (combined) library the design of my view should changed but not apply datepicker in textbox

Jesús López Méndez 31-Jul-14 3:19am

It's dificult to answer if you don't show the view. Using datepicker is easy and straightforward. Perhaps jquery and jquery ui are not loaded. The css files are not loaded. The datepicker function is not called?.

Murali Gowda · Answer 2 · 2014-07-30T20:03:00

Solution 2

Hi,

Make sure that you have added a reference to these files in your HTML

HTML

<link href="~/Scripts/jquery-ui-1.11.0.custom/jquery-ui.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.11.0.custom/jquery-ui.min.js"></script>

Html code will be,

HTML

<div class="row">
    Date: <input type="text" id="picker">
</div>
<!-- create datepicker whenever you need, i'm creating on document ready-->
<script>
  $(document).ready(function () {
        $("#picker").datepicker();
    });
</script>

Hope this will help you..

Posted 30-Jul-14 20:03pm

Murali Gowda

Comments

JOTHI KUMAR Member 10918227 31-Jul-14 3:15am

design should be changed and datepicker not applied

Murali Gowda 31-Jul-14 3:19am

Is that datepicker style should be changed? With above code datepicker will be created with default style.

JOTHI KUMAR Member 10918227 31-Jul-14 3:40am

not datepicker design my design should be collapsed. for using new datepicker what are all package to be installed and how to create i want this step by step

Murali Gowda 31-Jul-14 4:47am

If you are using JQueryUI, you need to have jquery-ui.min.css,jquery-ui.min.js (which you can downlod from http://jqueryui.com/download/) and jquery-1.10.2.min.js (http://jquery.com/download/) no package is required to instal.

Gihan Liyanage · Answer 3 · 2014-07-30T20:07:00

Solution 3

What about this article

http://tropicalcoding.com/mvc-5-jquery-datepicker-with-an-editortemplate-and-a-partial-view/[^]

Posted 30-Jul-14 20:07pm

Gihan Liyanage