datetimepicker not working. Bootstrap. Laravel
<p>My date time picker is not working properly. I have no idea what is wrong. I have used following syntax:
Layout:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;!--[if IE 8]&gt; &lt;html lang="en" class="ie8 no-js"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 9]&gt; &lt;html lang="en" class="ie9 no-js"&gt; &lt;![endif]--&gt;
&lt;!--[if !IE]&gt;&lt;!--&gt;
&lt;html lang="en" class="no-js"&gt;
&lt;!--&lt;![endif]--&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"/&gt;
    &lt;title&gt;@yield('title')&lt;/title&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta content="width=device-width, initial-scale=1" name="viewport"/&gt;
    &lt;meta content="" name="description"/&gt;
    &lt;meta content="" name="author"/&gt;

    &lt;link rel="stylesheet" href="{{ asset("assets/stylesheets/styles.css") }}" /&gt;
&lt;/head&gt;
&lt;body&gt;

    @yield('body')
    &lt;script src="{{ asset("assets/scripts/frontend.js") }}" type="text/javascript"&gt;&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>View:</p>

<pre><code> &lt;div class="form-group"&gt;
                &lt;label&gt;Date of Birth&lt;/label&gt;
                &lt;div class='input-group date' id='dob' &gt;
                    &lt;input type='text' class="form-control" name="dob"/&gt;
                    &lt;span class="input-group-addon"&gt;
                        &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                    &lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;

        &lt;script type="text/javascript"&gt;
            $(function () {
                $('#dob').datetimepicker();
            });
        &lt;/script&gt;
</code></pre>

<p>When i try to click on date icon. It just turns into text editor symbol. I cannot click on the icon. What's the problem here? Can anyone help me?</p>