Forum PHP.pl > [JavaScript][PHP]Datepicker

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP]Datepicker

krzesik

15.03.2016, 12:03:46

Witam, miałem działającą funkcję wyświetlającą daty. Coś mnie podkusiło na zmiany i wprowadziłem nowe menu.
Aby menu działało poprawnie należało w sekcji head dodać:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/defaults.min.css">
    <link rel="stylesheet" href="css/nav-core.min.css">
    <link rel="stylesheet" href="css/nav-layout.min.css">
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie8-core.min.css">
    <link rel="stylesheet" href="css/ie8-layout.min.css">
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
    <script src="js/rem.min.js"></script>
[HTML] pobierz, plaintext

a na dole strony:

[HTML] pobierz, plaintext 
<script src="js/1.11.2jquery.min.js"></script>
<script src="js/nav.jquery.min.js"></script>
<script>
    $('.nav').nav();
</script>
[HTML] pobierz, plaintext

menu działa poprawnie, ale wywalił się skrypt od wyświetlania daty w inpucie, przed wprowadzeniem menu działało i miałem tak:

[HTML] pobierz, plaintext 
<head>
.....
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="datepicker.js"></script>
    <link type="text/css" rel="Stylesheet"href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.6/themes/smoothness/jquery-ui.css" />
    <style type="text/css">
     .ui-datepicker 	 {
     background: #333;    border: 1px solid #555;    color: #EEE;}
    </style>
</head>
<body>
............
 
<script type="text/javascript">
	$(function() {
		$("#data_od").datepicker({dateFormat: 'yy-mm-dd', showOn: 'focus',
      buttonImage: 'calendar.jpg',
		buttonImageOnly: true,
		changeMonth: true,
		changeYear: true
});
	});
	</script>
<script type="text/javascript">
	$(function() {
		$("#data_do").datepicker({dateFormat: 'yy-mm-dd', showOn: 'focus',
  		buttonImage: 'calendar.jpg',
		buttonImageOnly: true,
		changeMonth: true,
		changeYear: true
});
	});
	</script>
.........................................
[HTML] pobierz, plaintext

zlokalizowałem, że jak usunę jedną z nowych linijek:
<script src="js/1.11.2jquery.min.js"></script>
to działa data, a menu już nie.
Otrzymuje komunikat:
Uncaught TypeError: $(...).datepicker is not a function(anonymous function)
@ rejestr.php:57(anonymous function)
@ jquery.js:19o.extend.each
@ jquery.js:12o.extend.ready
@ jquery.js:19(anonymous function)
@ jquery.js:19

Nie umiem tego naprawić, proszę o pomoc

Pyton_000

15.03.2016, 14:27:09

zamiast pokazywać co miałeś i co masz dodać pokaż co masz po zmianach.

Kishin

15.03.2016, 16:05:55

[HTML] pobierz, plaintext 
<script type="text/javascript" src="datepicker.js"></script>
 
......
 
<script type="text/javascript">
	$(function() {
		$("#data_od").datepicker({dateFormat: 'yy-mm-dd', showOn: 'focus',
      buttonImage: 'calendar.jpg',
		buttonImageOnly: true,
		changeMonth: true,
		changeYear: true
});
	});
	</script>
[HTML] pobierz, plaintext

Potrzebujesz tego do zainicjowania datepickera, bez tego nie zabangla

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.