Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap datepicker что-то не хочет работать / 19 сообщений из 19, страница 1 из 1
29.03.2013, 11:56
    #38203886
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Вот так накорябал:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap-responsive.css">
    <script src='./js/jquery.js' type="text/javascript"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="bootstrap-datepicker.js"></script>
</head>
<body>
    <br>
    <div class="input-append-date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">
        <input class="span2" size="16" type="text" value="29.03.2013" readonly>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    <script>
        $('#dp3').datepicker();
    </script>
</body>
</html>



Пикер показывается, но при нажатии ничего не выпадает и не работает. Вроде по хрестоматии делал - подскажите плиз, что я забыл?
...
Рейтинг: 0 / 0
29.03.2013, 12:44
    #38203990
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
он ставится именно на input
...
Рейтинг: 0 / 0
29.03.2013, 12:47
    #38203995
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
http://www.eyecon.ro/bootstrap-datepicker/
не соврал )
Код: html
1.
2.
3.
4.
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
				<input class="span2" size="16" type="text" value="12-02-2012" readonly>
				<span class="add-on"><i class="icon-calendar"></i></span>
			  </div>
...
Рейтинг: 0 / 0
29.03.2013, 12:49
    #38204001
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Код: html
1.
2.
3.
    <script src='./js/jquery.js' type="text/javascript"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="bootstrap-datepicker.js"></script>


нельзя разве все в одно место сложить?
...
Рейтинг: 0 / 0
29.03.2013, 12:51
    #38204006
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Был прикол с bootstrap-datepicker.js, сейчас исправил, но все равно не работает. Календарь под инпутом выкинут сразу, а не по клику. Привожу последний листинг:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap-responsive.css">
    <script src='./js/jquery.js' type="text/javascript"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="./bootstrap/js/bootstrap-datepicker.js"></script>
</head>
<body>
    <br>
    <div class="well">
    <div class="input-append-date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">
        <input class="span2" size="16" type="text" value="29.03.2013">
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    </div>
    <script>
        $(function(){
            $('#dp3').datepicker();
        });
    </script>
</body>
</html>
...
Рейтинг: 0 / 0
29.03.2013, 12:54
    #38204013
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Вот здесь можно посмотреть, как оно себя сейчас ведет.
...
Рейтинг: 0 / 0
29.03.2013, 13:08
    #38204052
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
в примере
Код: html
1.
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">


у вас
Код: html
1.
<div class="input-append-date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">


input-append-date такого класса нет в css
...
Рейтинг: 0 / 0
29.03.2013, 13:16
    #38204066
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
re_qasв примере
Код: html
1.
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">


у вас
Код: html
1.
<div class="input-append-date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">


input-append-date такого класса нет в css

Да, это исправил.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/bootstrap-responsive.css">
    <link rel="stylesheet" href="./css/datepicker.css">
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/bootstrap.js"></script>
    <script type="text/javascript" src="./js/bootstrap-datepicker.js"></script>
</head>
<body>
    <br>
    <div class="well">
    <div class="input-append-date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">
        <input class="span2" size="16" type="text" value="29.03.2013">
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    </div>
    <script>
        $(function(){
            $('#dp3').datepicker();
        });
    </script>
</body>
</html>



Все равно почему-то стрелок нет, ну и по-прежнему выпадает сам, а не по клику.
...
Рейтинг: 0 / 0
29.03.2013, 13:33
    #38204107
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
о_О
Код: html
1.
class="input-prepend.date"



у меня работает
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://video.fenixx.com.ua/css/bootstrap.css">
    <link rel="stylesheet" href="http://video.fenixx.com.ua/css/bootstrap-responsive.css">
    <link rel="stylesheet" href="http://video.fenixx.com.ua/css/datepicker.css">
    <script type="text/javascript" src="http://video.fenixx.com.ua/js/jquery.js"></script>
    <script type="text/javascript" src="http://video.fenixx.com.ua/js/bootstrap.js"></script>
    <script type="text/javascript" src="http://video.fenixx.com.ua/js/bootstrap-datepicker.js"></script>
</head>
<body>
    <br>
    <div class="well">
    <div class="input-prepend date" id="dp3" data-date="29.03.2013" data-date-format="dd.mm.yyyy">
        <input class="span2" size="16" type="text" value="29.03.2013">
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    </div>
    <script>
        $(function(){
            $('#dp3').datepicker();
        });
    </script>
</body>
</html>
...
Рейтинг: 0 / 0
29.03.2013, 13:35
    #38204116
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
а стрелок нет так как url("../img/glyphicons-halflings.png"); нет (
Failed to load resource: the server responded with a status of 404 (Not Found) http://video.fenixx.com.ua/img/glyphicons-halflings.png
...
Рейтинг: 0 / 0
29.03.2013, 13:39
    #38204129
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Да. про стрелки уже понял, восстановил.
...
Рейтинг: 0 / 0
29.03.2013, 13:42
    #38204142
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
И у меня заработало. Спасибо!!!
...
Рейтинг: 0 / 0
29.03.2013, 13:49
    #38204163
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Эхх, а вот как бы его обрусить теперь?
...
Рейтинг: 0 / 0
29.03.2013, 13:51
    #38204172
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Есть вот такой вот весь из себя bootstrap-datepicker.ru.js, вот его исходник:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
/**
 * Russian translation for bootstrap-datepicker
 * Victor Taranenko <darwin@snowdale.com>;
 */
;(function($){
	$.fn.datepicker.dates['ru'] = {
		days: ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота", "Воскресенье"],
		daysShort: ["Вск", "Пнд", "Втр", "Срд", "Чтв", "Птн", "Суб", "Вск"],
		daysMin: ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
		months: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
		monthsShort: ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек"],
		today: "Сегодня"
	};
}(jQuery));



Как его подключить теперь, чтобы заработало? Не хочет почему-то.
...
Рейтинг: 0 / 0
29.03.2013, 14:04
    #38204211
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Код: html
1.
<div class="input-prepend date" id="dp3" data-date-language="ru" data-date="29.03.2013" data-date-format="dd.mm.yyyy">
...
Рейтинг: 0 / 0
29.03.2013, 14:04
    #38204215
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
вот только что-то с кодировкой )
...
Рейтинг: 0 / 0
29.03.2013, 14:59
    #38204360
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
да, че-то как-то не того...
...
Рейтинг: 0 / 0
29.03.2013, 15:00
    #38204361
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Ладно, пусть пока так!
...
Рейтинг: 0 / 0
29.03.2013, 19:42
    #38204935
deGeneral
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bootstrap datepicker что-то не хочет работать
Получилось обрусить. Перекодировал все в UTF-8, и календари стали отображаться корректно.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Bootstrap datepicker что-то не хочет работать / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]