Forum PHP.pl > Zmiana daty

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

TomASS

8.10.2006, 10:26:38

Hej.
Chciałbym zrobić coś takiego jak na stronie pkp, chodzi mi o pole Data. Gdy klika się na dodaj lub odejmij jeden dzień, to się zmienia. Doszedłem do czegoś takiego:

[HTML] pobierz, plaintext 
<html>
<head>
 
</head>
<script>
function $(id){
 	return document.getElementById(id);
}
 
function init(){
	var d = new Date();
	var data = d.getDate()+'.'+d.getMonth()+'.'+d.getFullYear();
	$('napis2').value=data;
}
function change(){
	var str = $('napis2').value;
	var d = new Date();
	var tablica = str.split(".");
	d.setDate(parseInt(tablica[0])+1);
	d.setMonth(parseInt(tablica[1]));
	d.setFullYear(parseInt(tablica[2]));
	var data = d.getDate()+'.'+d.getMonth()+'.'+d.getFullYear();
	$('napis2').value=data;
}
</script>
<body onload="init();">
<input type="text" id="napis2">
<button onclick="change();">+</button>
</body>
</html>
[HTML] pobierz, plaintext

Data niby się przełącza, ale jak dojdzie do końca miesiąca, to miesiąc się nie przełącza, czyli np. z 31.01 jak się doda jeden dzień to wychodzi 1.01 :/ (chociaż czasami, bardzo rzadko się przełącza). Dodatkowo mam problem jak zrobić słownie dni tygodnia :/

Dzięki za pomoc

siemakuba

9.10.2006, 08:52:25

Takie coś powinno dać radę. Najlepiej bazować na timestampie.

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
    var baseDate    = new Date();
        baseDate    = new Date(baseDate.getFullYear(), baseDate.getUTCMonth(), baseDate.getUTCMonth(),0,0,0,0);
    var timestampToday  = baseDate.getTime();
 
    function ChangeDate(change)
    {
        var newDate;
 
        newDate = (change == 1 ? new Date(parseInt(timestampToday)-86400000) : new Date(parseInt(timestampToday)+86400000));
        return newDate;
    }
 
    </script>
[HTML] pobierz, plaintext

[i]ChangeDate(0) - jeden dzień do tyłu
ChangeDate(1)[/i]- jeden dzień do przodu

Cytat

Dodatkowo mam problem jak zrobić słownie dni tygodnia :/

dodstęp do dnia tygodnia masz za pomocą metody getDay() obiektu Date:

Kod

0 = Sunday
1 = Monday
2 = Tuesday
3 = Wednesday
4 = Thursday
5 = Friday
6 = Saturday

Odpowiednia tablica/obiekt z wartościami i już.

pozdr.

TomASS

9.10.2006, 10:10:16

Dzięki siemakuba, takie coś udało się nam wymodzić:

[HTML] pobierz, plaintext 
<html>
<head>
 
</head>
<script type="text/javascript">
function $(id){
 	return document.getElementById(id);
}
function init(){
	var baseDate = new Date();
	baseDate = new Date(baseDate.getFullYear(), baseDate.getUTCMonth(), baseDate.getUTCMonth(),0,0,0,0);
	$('napis2').value= baseDate.getFullYear()+'-'+(baseDate.getMonth()+1)+'-'+baseDate.getDate();
}
 
 
function ChangeDate(change,inp)
{
var newDate;
 
$inpDate = $(inp).value.split('-');
 
var baseDate = new Date();
baseDate = new Date(parseInt($inpDate[0],10), (parseInt($inpDate[1],10)-1), parseInt($inpDate[2],10),0,0,0,0);
var timestampToday = baseDate.getTime();
 
newDate = (change == 1 ? new Date(parseInt(timestampToday)-86400000) : new Date(parseInt(timestampToday)+86400000));
$(inp).value= newDate.getFullYear()+'-'+(newDate.getMonth()+1)+'-'+newDate.getDate();
}
 
</script>
<body onLoad="init();">
<input type="text" id="napis2">
<button onclick="ChangeDate(0,'napis2');">+</button>
<button onclick="ChangeDate(1,'napis2');">-</button>
</body>
</html>
[HTML] pobierz, plaintext

link
tylko przy zmianie daty, idąc w górę, gdy trafimy na datę 2006-10-29, to dalej nie chce się kręcić, gdy zmienimy ręcznie ma 2006-10-30 to już dalej idzie w porządku :/ nie może tylko przeskoczyć bariery 2006-10-29 :/

siemakuba

9.10.2006, 12:50:57

@TomASS: błąd który zauważyłeś został jeszcze w funkcji init() u ciebie. Jest dwa razy baseDate.getUTCMonth() :)

To niestety nie ma wpływu na opisany powyżej błąd. Co zauważyłem: wpisanie innego roku niż 2006 powoduje, że "data graniczna" też staje się inna. Przykładowo, dla roku 2005 nie można pójść dalej niż 2006-10-29. Może to kogoś naprowadzi.

Nie mam teraz czasu żeby na to jeszcze raz spojrzeć, ale kolejna szybka myśl: na początku dałem wszystko w czasie UTC, bo uznałem, że to nie ma znaczenia. Może zmiana na GMT pomoże?

javascriptowy obiekt Date

pozdr.

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.