Πεδίο ημερομηνίας με select lists...

rafinos · 29 Νοεμβρίου 2011

Γεια σας!

Έχω τα παρακάτω

index.php

><html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<form action="a.php" method="post" name="form">
<select name="day" id="day" >
</select>
<select name="month" id="month">
</select>
<select name="year" id="year">
</select>
<script type="text/javascript" src="a.js"></script>
<input type="submit" id="submit" name="submit" value="submit">
</form>
</body>
</html>

και a.js

>var days=[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,26,27,28,29,30,31];
var months=[1,2,3,4,5,6,7,8,9,10,11,12];
var months2=['Ιανουάριος','Φεβρουάριος','Μάρτιος','Απρίλιος','Μάιος','Ιούνιος','Ιούλιος','Αύγουστος','Σεπτέμβριος','Οκτώβριος','Νοέμβριος','Δεκέμβριος'];
var years= new Array();
var now = new Date();
var year = now.getFullYear();
var x=1900;
var s=year-x+1;

for(var i=0; i<=days.length; i++){
if(i==0){
	$("#day").append("<option value='"+i+"'>Ημέρα</option>");
}else{
	$("#day").append("<option value='"+days[(i-1)]+"'>"+days[(i-1)]+"</option>");
}
}

for(var i=0; i<=months.length; i++){
if(i==0){
	$("#month").append("<option value='"+i+"'>Μήνας</option>");
}else{
	$("#month").append("<option value='"+months[(i-1)]+"'>"+months2[(i-1)]+"</option>");
}
}

for(var i=0; i<=s; i++){
years[i]=x;
if(i==0){
	$("#year").append("<option value='"+i+"'>Έτος</option>");
}else{
	$("#year").append("<option value='"+years[(i-1)]+"'>"+years[(i-1)]+"</option>");
}
x++;
}

Θα ήθελα τη βοήθεια κάποιου αν μπορεί για το πως θα μπορέσω όλο αυτό να το κάνω επιλογή ημερομηνίας γέννηση......

Δηλαδή αν επιλέγη κάποιος ημερομηνία να αλλάζει δυναμικά πχ αν έχει επιλέξει το 31 στην ημέρα και διαλέξει στο μήνα το 2 να γίνουν οι τιμές της ημέρας μέχρι 28 απευθείας κτλ.... σας παρακαλώ μην μου πείτε ότι υπάρχουν έτοιμη date picker κτλ, θέλω να φτιάξω κάτι μόνος ακόμα και αν έχω αρκετή βοήθεια από κάποιον αλλο!!!

Σας ευχαριστώ προκαταβολικά!

rafinos · 30 Νοεμβρίου 2011

Εντάξει παιδιά το βρήκα...

http://www.wamped.org/post/3525572357/creating-facebook-style-date-picker-for-entering-birth

απλά στον παρακάτω κώδικα αν μπορεί κάποιος να μου πει τι ακριβώς γίνεται σε δύο συγκεκριμένες γραμμές θα με έκανε πολύ ευχαριστημένο!!!

>
<script type="text/javascript">
$('#dob_month, #dob_year').change(function() {
	var year = $('#dob_year').val();
	var month = $('#dob_month').val();
	if ((year != 0) &&  (month!=0)) {
		var lastday = 32 - new Date(year, month - 1, 32).getDate();
		var selected_day = $('#dob_day').val();

		// Change selected day if it is greater than the number of days in current month
		if (selected_day > lastday) {
			$('#dob_day  > option[value=' + selected_day + ']').attr('selected', false);
			$('#dob_day  > option[value=' + lastday + ']').attr('selected', true);
		}

		// Remove possibly offending days
		for (var i = lastday + 1; i < 32; i++) {
			$('#dob_day  > option[value=' + i + ']').remove();	
		}

		// Add possibly missing days
		for (var i = 29; i < lastday + 1; i++) {
			if (!$('#dob_day  > option[value=' + i + ']').length) {
				$('#dob_day').append($("<option></option>").attr("value",i).text(i));
			} 
		}
	}
});
</script>

τι ακριβώς κάνει το "32 - new Date(year, month - 1, 32).getDate();" νομίζω ότι μας επιστρέφει πόσες μέρες έχει ο τάδε μήνας του τάδε έτους αλλά δεν ξέρω σίγουρα

και επίσης τι κάνει το "if (!$('#dob_day > option[value= + i + ]').length)" ????????

Σύνδεση

Πεδίο ημερομηνίας με select lists...

Προτεινόμενες αναρτήσεις

rafinos

rafinos

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση