---
title: "Date picker was not working in mvc razor view"  
description: "Date picker was not working in mvc razor view"  
author: "Hemant Patel"  
published: 2017-12-06  
updated: 2017-12-06  
canonical: https://www.mindstick.com/forum/34376/date-picker-was-not-working-in-mvc-razor-view  
category: "c#"  
tags: ["c#", "asp.net mvc", "mvc", "razor"]  
reading_time: 1 minute  

---

# Date picker was not working in mvc razor view

I am open a [modal popup](https://www.mindstick.com/articles/13038/crud-operation-searching-paging-in-mvc-with-modal-popup) [form](https://www.mindstick.com/forum/6/multi-form-mfc-application) but datepicker for DOB was not working.

Here is my [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii):

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

\

## Replies

### Reply by Anonymous User

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

\


---

Original Source: https://www.mindstick.com/forum/34376/date-picker-was-not-working-in-mvc-razor-view

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.