Форум

alex-romanov · #1 (**permalink**) 11.06.2019, 20:20

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

'dd-mm-yy'

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

'dd/mm/yy'

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

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

рони · #2 (**permalink**) 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 · #3 (**permalink**) 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

рони · #4 (**permalink**) 12.06.2019, 23:52

Сообщение от alex-romanov

type="date"

это уберите

рони · #5 (**permalink**) 13.06.2019, 00:01

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 · #6 (**permalink**) 13.06.2019, 10:22

Сообщение от рони

это уберите

тогда не работает jquery-validate

рони · #7 (**permalink**) 13.06.2019, 10:32

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

Форум

Справочник

Discord чат

Курсы javascript