Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

datapicker bootstrap

Статус пользователя Fred Perry
сообщение 7.8.2013, 23:54
Сообщение #1


Иконка группы

Стаж: 16 лет

Сообщений: 6594
Благодарностей: 2370
Полезность: 813

Всем здарова.

Помогите настроить datapicker в формате yyyy-mm-dd.


Гнилой фашистской нечисти
Загоним пулю в лоб,
Отродью человечества
Сколотим крепкий гроб!
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя Kirby Magicman
сообщение 8.8.2013, 0:12
Сообщение #2


Стаж: 15 лет

Сообщений: 1083
Благодарностей: 398
Полезность: 617

Код
<link rel="stylesheet" href="datepicker.css">
<script src="bootstrap-datepicker.js"></script>
<script src="datepicker.js"></script>
<div class="input-append date" id="dp3" data-date="05.08.2013" data-date-format="yyyy.mm.dd">
<input size="16" type="text" name="date">
<span class="add-on"><center><i class="icon-calendar"></i></center></span>
</div>


Прикрепленный файл  datepicker.rar ( 6,01 килобайт ) Кол-во скачиваний: 15
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Fred Perry
сообщение 8.8.2013, 0:17
Сообщение #3


Иконка группы

Стаж: 16 лет

Сообщений: 6594
Благодарностей: 2370
Полезность: 813

Цитата(Kirby Magicman @ 8.8.2013, 1:12) *
Код
<link rel="stylesheet" href="datepicker.css">
<script src="bootstrap-datepicker.js"></script>
<script src="datepicker.js"></script>
<div class="input-append date" id="dp3" data-date="05.08.2013" data-date-format="yyyy.mm.dd">
<input size="16" type="text" name="date">
<span class="add-on"><center><i class="icon-calendar"></i></center></span>
</div>


Прикрепленный файл  datepicker.rar ( 6,01 килобайт ) Кол-во скачиваний: 15

Я это ставил, что-то не выходило, сейчас попробую еще раз.


Гнилой фашистской нечисти
Загоним пулю в лоб,
Отродью человечества
Сколотим крепкий гроб!
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Kirby Magicman
сообщение 8.8.2013, 0:20
Сообщение #4


Стаж: 15 лет

Сообщений: 1083
Благодарностей: 398
Полезность: 617

Цитата(Fred Perry @ 8.8.2013, 1:17) *
Я это ставил, что-то не выходило, сейчас попробую еще раз.

Странно что сразу 2 .js скрипта надо включить.
У тебя вовсе не работает пикер или просто надо настроить на вывод даты?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Fred Perry
сообщение 8.8.2013, 0:23
Сообщение #5


Иконка группы

Стаж: 16 лет

Сообщений: 6594
Благодарностей: 2370
Полезность: 813

Цитата(Kirby Magicman @ 8.8.2013, 1:20) *
Странно что сразу 2 .js скрипта надо включить.
У тебя вовсе не работает пикер или просто надо настроить на вывод даты?

Тут вторым скриптом уже подключает все настройки я так понял.
Да не работал как надо, или работал криво...

Теперь вопрос в этом, как сделать, чтобы при открытии дата была 2013 года? а то там 1911 год, листать не выход...


Гнилой фашистской нечисти
Загоним пулю в лоб,
Отродью человечества
Сколотим крепкий гроб!
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Kirby Magicman
сообщение 8.8.2013, 0:29
Сообщение #6


Стаж: 15 лет

Сообщений: 1083
Благодарностей: 398
Полезность: 617

data-date="05.08.2013" <- вместо 05.08.2013 поставь вывод текущей даты, например: data-date="{$smarty.now|date_format:"%d.%m.%Y"}" (через смарти само собой)
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Fred Perry
сообщение 8.8.2013, 0:32
Сообщение #7


Иконка группы

Стаж: 16 лет

Сообщений: 6594
Благодарностей: 2370
Полезность: 813

Цитата(Kirby Magicman @ 8.8.2013, 1:29) *
data-date="05.08.2013" <- вместо 05.08.2013 поставь вывод текущей даты, например: data-date="{$smarty.now|date_format:"%d.%m.%Y"}" (через смарти само собой)

Спасибо :)
Сейчас еще опробую и пару вопросов будет )

Ну вот, как сделать, чтобы календарик открывался на input, а не на иконке... я не знаю какой класс в диве запилить для этого


Гнилой фашистской нечисти
Загоним пулю в лоб,
Отродью человечества
Сколотим крепкий гроб!
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Kirby Magicman
сообщение 8.8.2013, 1:01
Сообщение #8


Стаж: 15 лет

Сообщений: 1083
Благодарностей: 398
Полезность: 617

Цитата(Fred Perry @ 8.8.2013, 1:32) *
Спасибо :)
Сейчас еще опробую и пару вопросов будет )

Ну вот, как сделать, чтобы календарик открывался на input, а не на иконке... я не знаю какой класс в диве запилить для этого

bootstrap-datepicker.js
34-я строчка
Код
this.component = this.element.is('.date') ? this.element.find('.add-on') : false;

add-on меняешь допустим на datepick
а вот и html код:
Код
<div class="input-append date" id="dp3" data-date="{$smarty.now|date_format:"%d.%m.%Y"}" data-date-format="yyyy.mm.dd">
<input class="datepick" size="16" type="text" name="date">
</div>

Обрати внимание на класс поля input (datepick). Он должен совпадать с указанным в bootstrap-datepicker.js
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Fred Perry
сообщение 8.8.2013, 10:38
Сообщение #9


Иконка группы

Стаж: 16 лет

Сообщений: 6594
Благодарностей: 2370
Полезность: 813

Цитата(Kirby Magicman @ 8.8.2013, 2:01) *
bootstrap-datepicker.js
34-я строчка
Код
this.component = this.element.is('.date') ? this.element.find('.add-on') : false;

add-on меняешь допустим на datepick
а вот и html код:
Код
<div class="input-append date" id="dp3" data-date="{$smarty.now|date_format:"%d.%m.%Y"}" data-date-format="yyyy.mm.dd">
<input class="datepick" size="16" type="text" name="date">
</div>

Обрати внимание на класс поля input (datepick). Он должен совпадать с указанным в bootstrap-datepicker.js

Все работает, огромное спасибо


Гнилой фашистской нечисти
Загоним пулю в лоб,
Отродью человечества
Сколотим крепкий гроб!
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 2 гостей читают эту тему: