Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

Date picker was not working in mvc razor view

Hemant Patel 1462 06 Dec 2017

I am open a modal popup form but datepicker for DOB was not working.

Here is my code:

<div class="col-md-6">
    <label for="dob">DOB</label>
        <div class='input-group date' id='datetimepicker1'>
            @Html.TextBoxFor(x => x.DOB, "{0:MM/dd/yyyy}", new { @class = "form-control", placeholder = "mm/dd/yyyy" })
                 <span class="input-group-addon">
                    <i class="fa fa-calendar" aria-hidden="true"></i>
                 </span>
                    @Html.ValidationMessageFor(x => x.DOB)
         </div>
/div>

Hemant Patel

Student

Exploring the online world is my passion. have experience of #content writing #SEO #Digital Marketing #On-Page #Lead Generation #Content Analyst #Marketing Analyst... I could never stop at one point, continuously wanted to acquire more and more skills. My work for any organization will be full of passion and hard work.

1 Answers

Anonymous User 06 Dec 2017

Hi Harsh,

I analyzed your code, you are missing javascript code for datepicker.

After analyzing your code i have found that javascript code for datepicker is been missing in your line of codes.

Kindly add the given line of codes in your view bottom as following :

<script> 
    $(function () {

        $('#datetimepicker1').datepicker({

            viewMode: 'days'

        });

        });

    });

</script>

MindStick Training