---
title: "Bootstrap 3 Date picker Not work why?"  
description: "Bootstrap 3 Date picker Not work why?"  
author: "Anonymous User"  
published: 2014-10-05  
updated: 2014-10-05  
canonical: https://www.mindstick.com/forum/2304/bootstrap-3-date-picker-not-work-why  
category: "bootstrap"  
tags: ["css-css3", "bootstrap"]  
reading_time: 1 minute  

---

# Bootstrap 3 Date picker Not work why?

I'm using [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) 3 i want to make [date picker](https://www.mindstick.com/blog/627/date-picker-using-bootstrap-in-asp-dot-net) of bootstrap this is my [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii)

```
<div class="container">    <div class="col-md-2">        <label>Date Of Birth</label>    </div>    <div class="col-md-4">        <div class="form-group">            <input type='text' class="form-control" id='datetimepicker4' />            <span class="add-on">                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>            </span>        </div>    </div></div>
```

**[script](https://www.mindstick.com/interview/477/how-can-i-execute-a-php-script-using-command-line) code here:**\

```
<script type="text/javascript">    $(function () {        $('#datetimepicker4').datetimepicker({            pickTime: false        });    });</script>
```

but this code is not work properly\

## Replies

### Reply by Anonymous User

try this code

```
<div class="container">    <div class="row">        <div class="col-md-2">            <label>Date of Birth</label>        </div>        <div class='col-sm-3'>            <div style="width: 100%;" class="input-group date
form_date col-md-12" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">                <input type="text" class="form-control" readonly="true" />                <span class="input-group-addon"><span class="glyphicon
glyphicon-calendar"></span></span>            </div>            <input type="hidden" id="dtp_input2" value="" />        </div>    </div></div>
```

script code:

```
<script>    $(function () {        $('.form_date').datetimepicker();    });</script>
```


---

Original Source: https://www.mindstick.com/forum/2304/bootstrap-3-date-picker-not-work-why

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