Как использовать datepicker с элементами управления bootstrap
Я просто хочу показать выбор даты, когда пользователь нажимает внутри текстового поля вместо нажатия символа atcurser в конце текстового поля.
Что я уже пробовал:
<!DOCTYPE html>
< html lang= "en">
< голова>
в <название>в Примере начальной загрузки&ЛТ;/название&ГТ;
<meta charset= "utf-8">
в <мета имя="область просмотра" содержимого="ширина=устройство-ширина, начально-масштаб=1"и GT;
& lt;link rel= "таблица стилей" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
&ЛТ;скрипт СРЦ="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&ГТ;&ЛТ;/скрипт>
&ЛТ;скрипт СРЦ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&ГТ;&ЛТ;/скрипт>
<ссылка с href="ГКЗ/УСБ/угловой-элемент управления datepicker.ПТК" отн="стилей" тип="текст/CSS в" /&ГТ;
< / head>
& lt;тело>
<div class= "контейнер">
<div class=" row col-md-4 "style=" margin-top:50px">
< div class=" panel "style=" background-color:#022243; color: white;border-radius:0px; " >
&ЛТ;панель рубрике див класс="" стиль="обивка-вниз:0px; шрифта-размер:20 пикселей"&ГТ;чисто - Орер сейчас !&ЛТ;/дел&ГТ;
< div class= "панель-корпус">
&ЛТ;форма класс="форма" действий="#"&ГТ;
< div class= "radio-inline">
& lt;этикетка>
&ЛТ;входной тип="радио" имя="optionsRadios" идентификатор="optionsRadios2" значение="Вариант2"и GT;
Вариант первый
< / этикетка>
< / div>
< div class= "radio-inline">
& lt;этикетка>
&ЛТ;входной тип="радио" имя="optionsRadios" идентификатор="optionsRadios2" значение="Вариант2"и GT;
Вариант второй
< / этикетка>
< / div>
&ЛТ;БР/&ГТ;&ЛТ;БР/&ГТ;
<div class= "input-group">
< span class= "input-group-addon" style="border-radius:0px"><b>ToDate</b>       <i class= "glyphicon glyphicon-calendar">< / i></span>
< input class=" form-control datepicker " type=" date "style=" border-radius:0px " />
< / div>
< br / & gt;
<div class= "input-group">
&ЛТ;промежуток класс="входные-группы-аддон" стиль="границы-радиус:0px"&ГТ;&ЛТ;б&ГТ;FromDate&ЛТ;/б&ГТ;&ампер;усилитель; nbsp &ЛТ;I класс="glyphicon glyphicon-Calendar"с&ГТ;&ЛТ;/а&ГТ; &ЛТ;/службы&ГТ;
< input class=" form-control datepicker " type=" date "style=" border-radius:0px " />
< / div>
< br / & gt;
<div class= "dropdown" >
&ЛТ;кнопка класс="БТН БТН выпадающем меню-переключение" типа="кнопка" данные-переключение="выпадающий список" стиль="цвет:черный;границы-радиус:0px;фонового цвета:белый">В выпадающем
&ЛТ;промежуток класс="каре"&ГТ;&ЛТ;/службы&ГТ;
& lt;/кнопка>
< ul class= "выпадающее меню">
&ЛТ;ли&ГТ;&ЛТ;а href="#">в формате HTML&ЛТ;/а&ГТ;&ЛТ;/ли&ГТ;
< li> & lt; a href= " # " & gt;CSS< / a>< / li>
< li> & lt; a href= " # " & gt;JavaScript< / a>< / li>
< / ul>
< / div>
< br / & gt;
<div class= "input-group">
&ЛТ;промежуток класс="входные-группы-аддон" стиль="границы-радиус:0px"&ГТ;&ЛТ;б&ГТ;заказать приз &амп;#8377 &ЛТ;/б&ГТ;&ЛТ;/службы&ГТ;
&ЛТ;этикетке класс="форма контроля" стиль="границы-радиус:0px;"&ГТ;
в <промежуток стиль="цвет:черный"&ГТ;&амп 1997;#8377 &ЛТ;/службы&ГТ;&ампер;усилитель; nbsp&усилителя;усилитель; nbsp&усилителя;усилитель; nbsp&усилителя;усилитель; nbsp
&ЛТ;удар стиль="цвет:красный"&ГТ;2059&амп;#8377&ЛТ;/удара&ГТ;
&ЛТ;малый стиль="цвет:красный"&ГТ;-14%&ЛТ;/малого и GT;
& lt;этикетка/>
< / div>
< br / & gt;
& lt;button class= "btn btn-info" style= "border-radius:0px">
Представить
& lt;/кнопка>
< / форма>
< / div>
< / div>
< / div>
< / div>
< / body>
< / html>