Запустить
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Примеры работы с Bootstrap 3 DateTimePicker</title> <!-- Bootstrap --> <link href="/examples/vendors/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap DateTimePicker --> <link href="/examples/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> </head> <body> <h1 class="h3 text-center page-header">Пример 1</h1> <div class="container"> <div class="row"> <div class="col-sm-6"> <p>Bootstrap 3 DateTimePicker:</p> <div class="form-group"> <div class="input-group" id="datetimepicker1"> <input type="text" class="form-control"/> <span class="input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> </div> </div> </div> </div> </div> <!-- jQuery --> <script src="/examples/vendors/jquery/jquery-3.min.js"></script> <!-- Bootstrap --> <script src="/examples/vendors/bootstrap-3.3.7/js/bootstrap.min.js"></script> <!-- Moment --> <script src="/examples/vendors/moment/moment-with-locales.js"></script> <!-- Bootstrap DateTimePicker --> <script src="/examples/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script> <!-- Инициализация Bootstrap DateTimePicker --> <script> $(function () { $('#datetimepicker1').datetimepicker(); $('#datetimepicker1 > input').click(function(){ $('#datetimepicker1 .input-group-addon').trigger('click'); }) }); </script> </body> </html>