Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как изменить формат ввода даты в bootstrap (https://javascript.ru/forum/jquery/77728-kak-izmenit-format-vvoda-daty-v-bootstrap.html)

alex-romanov 11.06.2019 20:20
как изменить формат ввода даты в bootstrap
 
Календарь по умолчанию, когда применяю bootstrap, показывает формат даты


'dd-mm-yy'

chrome (на английской локали) отображает дату в

'dd/mm/yy'

можно ли управлять отображением формата и как ?

chrome также себя ведет и при использовании datepicker - как с этим справиться ?

рони 11.06.2019 20:48
alex-romanov,
<input class="datepicker" data-date-format="dd-mm-yy">


https://bootstrap-datepicker.readthedocs.io/en/latest/

alex-romanov 12.06.2019 22:25 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
  <link rel="stylesheet" type="text/css"  href="css/bootstrap-theme.css">
  <link rel="stylesheet" type="text/css"  href="css/style.css">
  <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
  <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<div>
  <input type="date" class="datepicker"  data-date-format="dd-mm-yy" id="date" name="date" placeholder="Дата" required>
</div>

</body>
</html>


chrome по прежнему показывает свой формат

dd/mm/yyyy

рони 12.06.2019 23:52
Цитата:
Сообщение от alex-romanov
type="date"
это уберите

рони 13.06.2019 00:01
bootstrap datepicker
 
alex-romanov,
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <link id="bs-css" href="https://netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link id="bsdp-css" href="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet">
    <script src="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/js/bootstrap-datepicker.min.js"></script>
    <script src="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/locales/bootstrap-datepicker.ru.min.js" charset="UTF-8"></script>
</head>
<body>
<div>
    <input class="datepicker" data-provide="datepicker" data-date-autoclose="true" data-date-format="dd-mm-yy" data-date-language="ru" id="date" name="date" placeholder="Дата" required>
</div>

</body>
</html>

alex-romanov 13.06.2019 10:22
Цитата:
Сообщение от рони (Сообщение 509007)
это уберите
тогда не работает jquery-validate

рони 13.06.2019 10:32
alex-romanov,
тогда к знатокам браузера Google Chrome, bootstrap тут не причём.


Часовой пояс GMT +3, время: 13:00.