Forum PHP.pl > [js]datepicker - brakujace style + datepicker z godzina?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js]datepicker - brakujace style + datepicker z godzina?

misty

15.12.2011, 14:55:16

hej,
mam 2 pytania do Was zwiazane z date picker.

1. Znalazlam taki fajny datepicker ktory chcialbym uzyc:

http://jqueryui.com/demos/datepicker/#default

wszystko ok, jest kod, mam jquery-ui, ale problem jest taki ze tam nie ma stylow dolaczonych! i wyswietla sie totalnie 'goly' kalendarz. Patrze "view source code" i widze class:

<div class="demo-description">

tylko wlasnie nigdzie nie ma dolaczonych css! Moje pytanie jest do Was takie - czy oni tam w ogole udostepniaja css??

2. Pytanie nr 2 jest takie = czy istnieja w ogole jakies date pickery ktore maja w wyborze poza data - rowniez godzine?

pzdr,

misty

nospor

15.12.2011, 14:56:59

ad1) Date picker korzysta z css jquery ui theme. Więc wypadałoby to theme też podłączyć

ad2) Tja.... ja kiedyś coś takiego spłodziłem

A ogólnie to chyba nie ma

kamil4u

15.12.2011, 15:03:43

ad2) google: date time picker js

misty

16.12.2011, 09:41:32

nospor, no ja wlasnie podejrzewam ze gdzies cos jest ale po prostu za cholere nie moge znalezc. a moze to platne jest?

fenix.robi

16.12.2011, 09:49:03

2. http://trentrichardson.com/examples/timepicker/ - Data wraz z godziną

adasiu

16.12.2011, 09:53:52

Co się tyczy wyglądu to możesz ściągnąć wyjściowy lub sobie stworzyć własny:
themeroller

misty

16.12.2011, 10:15:49

@fenix.robi

no wlasnie znalazlam te stronke, ale te przyklady mi nie dzialaja. Zalaczylam nastepujace biblioteki:

[PHP] pobierz, plaintext 
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/dateTimePicker.js"></script>
[PHP] pobierz, plaintext

gdzie do dateTimePicker.js skopiowalam to, co bylo pod " Download Timepicker Addon" czyli caly ten kod timepicker'a. I teraz proba najprostszego wywolania:

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<title>$appltitel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/dateTimePicker.js"></script>
</head>
<body>
<meta charset="utf-8">
<script>
function test(){
 
	$('#example1').datetimepicker();
}
</script>
 
<div>
<input id="example1" class="hasDatepicker" type="text" value="" name="example1"
	onClick="test();">
</div>
 
</body>
</html>
 
[PHP] pobierz, plaintext

i nic a nic sie nie pokazuje.

czy ktos z WAs ma moze pomysl co ja tu robie zle ze to sie nie wywoluje?

pzdr

adasiu

16.12.2011, 10:16:01

a co ze stylami?

misty

16.12.2011, 10:31:55

no ustawilam juz. scienalam zipa, rozpakowalam - tam byl js i css, i moj html:

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<title>$appltitel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
 
<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" />
</head>
<body>
<meta charset="utf-8">
 
<script>
 
function test(){
 
	$('#example1').datetimepicker();
}
</script>
 
<div>
<input id="example1" class="hasDatepicker" type="text" value="" name="example1"
	onClick="test();">
</div>
 
</body>
</html>
 
[PHP] pobierz, plaintext

i nadal nic, nawet nic "golego" sie nie pokazuje :/

dobra juz sie pokazuje "goly" przy takim kodzie:

[PHP] pobierz, plaintext 
<script>
$(function() {
		$( "#datepicker" ).timepicker();
		$( "#format" ).change(function() {
			$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
		});
	}
	);
 
	</script>
 
<div>
<p>Date: <input type="text" id="datepicker" size="30" /></p>
</div>
[PHP] pobierz, plaintext

ale co z tymi stylami? nie kapuje tego, te dolaczone do tego projektu - to w nich nic nie ma! jak ja mam sobie wygenerowac wlasne? nie kapuje tego :/ a gotowego po prostu nie ma!

(

-Tomek-

29.12.2011, 23:46:33

Wstaw tak:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css" type="text/css" media="all" />

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.