Clockpicker to a column

@*bootstrap -Clock Picker....Add this in the upper part of the form*@
<link href="~/Content/bootstrap-clock%20picker/src/clockpicker.css" rel="stylesheet" />
<script src="~/Content/bootstrap-clock%20picker/src/clockpicker.js"></script>
<link href="~/Content/bootstrap-clock%20picker/src/standalone.css" rel="stylesheet" />
                                       


<td class="col-md-2 clockpicker" data-align="top" data-autoclose="true">
                                            @Html.TextBoxFor(model => model.DISCHGTM, new { id = "DISCHGTM", @class = "form-control input-sm", @Value = "00:01" })
                                         
                                        </td>




add this in the lower part of the form

    //datatime picker script
    <script type="text/javascript">
        $('.clockpicker').clockpicker();
    </script>