Как изменить формат ввода даты в bootstrap?

@masli · Регистрация: 27.03.2013

Студворк — интернет-сервис помощи студентам

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

'dd-mm-yy'

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

'dd/mm/yy'

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

@masli · 11.06.2019, 16:54 **[ТС]**

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

@fanatikus · 12.06.2019, 20:30

JavaScript
1
2
3
$('element').datepicker({
       format: "dd-mm-yyyy"
});

@masli · 12.06.2019, 22:32 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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>
  <script type="text/javascript" src="js/script.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>

JavaScript
1
2
3
4
5
6
7
$(document).ready(function () {
 
  $('.datepicker').datepicker({
    format: "dd-mm-yyyy"
  });
 
});

Это не работает, я ведь использую встроенный datepicker в bootstrup.

datepicker из jQuery поверх не удобно использовать:

- В Firexox они друг на друга накладываются
- datepicker из jQuery, если используется. тогда не работает jQurey-validate

@Уф · 13.06.2019, 15:27

читай руководство, там написано как обращаться именно к bootstrap datepicker

JavaScript
1
2
3
4
5
No Conflict mode
$.fn.datepicker.noConflict provides a way to avoid conflict with other jQuery datepicker plugins:
 
var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value
$.fn.bootstrapDP = datepicker;                 // give $().bootstrapDP the bootstrap-datepicker functionality

https://bootstrap-datepicker.r... en/latest/

@masli · 18.06.2019, 14:19 **[ТС]**

я отказался от datepicker от jquery и скачал указанный вами плагин, и пытался им управлять, но результата нет.

календарь хоть и появляется но вообще не работает

а можно ли без этого

HTML5
1
   <script src="resources/registration/js/bootstrap-datepicker.js"></script>

Можно ли настроить тот, который встроен в bootstrap, как управлять им ?

@masli · 18.06.2019, 14:22 **[ТС]**

в браузере с английской локалью получается так

mm/dd/yyyy

но мне нужен другой формат

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789

	Как изменить формат ввода даты в bootstrap? 11.06.2019, 16:31. Показов 5319. Ответов 6 Метки нет (Все метки) Календарь по умолчанию, когда применяю bootstrap, показывает формат даты 'dd-mm-yy' chrome (на английской локали) отображает дату в 'dd/mm/yy' можно ли управлять отображением формата и как ? Миниатюры 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	11.06.2019, 16:54 [ТС]
	chrome также себя ведет и при использовании datepicker - как с этим справиться ? 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	18.06.2019, 14:22 [ТС]
	в браузере с английской локалью получается так mm/dd/yyyy но мне нужен другой формат Миниатюры 0