Date dropdown not functioning

David · Oct 26, 2006

I have a form on my asp page with 3 dropdowns, day, month & year, but
for some reason, the day dropdown is displaying the 25th twice, instead
of 26th, then 27th ?

I have this script in the <head> of my asp page:

_____________________

<script type="text/javascript">

var
monthtext=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];

function populatedropdown(dayfield, monthfield, yearfield){
var today=new Date()
var dayfield=document.getElementById(dayfield)
var monthfield=document.getElementById(monthfield)
var yearfield=document.getElementById(yearfield)
for (var i=0; i<31; i++)
dayfield.options=new Option(i+1, i+1)
dayfield.options[today.getDate()]=new Option(today.getDate(),
today.getDate(), true, true) //select today's day
for (var m=0; m<12; m++)
monthfield.options[m]=new Option(monthtext[m], monthtext[m])
monthfield.options[today.getMonth()]=new
Option(monthtext[today.getMonth()], monthtext[today.getMonth()], true,
true) //select today's month
var thisyear=today.getFullYear()
for (var y=0; y<20; y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
yearfield.options[0]=new Option(today.getFullYear(),
today.getFullYear(), true, true) //select today's year
}

</script>

_____________________________________

I have this script in the Body of my asp page:

<script type="text/javascript">

//populatedropdown(id_of_day_select, id_of_month_select,
id_of_year_select)
window.onload=function(){
populatedropdown("daydropdown", "monthdropdown", "yeardropdown")
}
</script>

______________________________________

I have this code in a form on my asp page:

<select id="daydropdown">
</select>
<select id="monthdropdown">
</select>
<select id="yeardropdown">
</select>

________________________________________

PROBLEM: For some reason, instead of the daydropdown showing

24
25
26
27
28

it is displaying

24
25
26
26
28

Why is it not displaying the 27th day to select, i.e. tomorrow

Appreciate any help you can offer me

Thanks

David

Erwin Moller · Oct 26, 2006

David said:
I have a form on my asp page with 3 dropdowns, day, month & year, but
for some reason, the day dropdown is displaying the 25th twice, instead
of 26th, then 27th ?

I have this script in the <head> of my asp page:

_____________________

<script type="text/javascript">

var
monthtext=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];

function populatedropdown(dayfield, monthfield, yearfield){
var today=new Date()
var dayfield=document.getElementById(dayfield)
var monthfield=document.getElementById(monthfield)
var yearfield=document.getElementById(yearfield)
for (var i=0; i<31; i++)
dayfield.options=new Option(i+1, i+1)
dayfield.options[today.getDate()]=new Option(today.getDate(),

Here you add today again to the options.
I think you wanted to select it instead of adding it again.
I expect the same happens to year and month.

Regards,
Erwin Moller

today.getDate(), true, true) //select today's day
for (var m=0; m<12; m++)
monthfield.options[m]=new Option(monthtext[m], monthtext[m])
monthfield.options[today.getMonth()]=new
Option(monthtext[today.getMonth()], monthtext[today.getMonth()], true,
true) //select today's month
var thisyear=today.getFullYear()
for (var y=0; y<20; y++){
yearfield.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
yearfield.options[0]=new Option(today.getFullYear(),
today.getFullYear(), true, true) //select today's year
}

</script>

_____________________________________

I have this script in the Body of my asp page:

<script type="text/javascript">

//populatedropdown(id_of_day_select, id_of_month_select,
id_of_year_select)
window.onload=function(){
populatedropdown("daydropdown", "monthdropdown", "yeardropdown")
}
</script>

______________________________________

I have this code in a form on my asp page:

<select id="daydropdown">
</select>
<select id="monthdropdown">
</select>
<select id="yeardropdown">
</select>

________________________________________

PROBLEM: For some reason, instead of the daydropdown showing

24
25
26
27
28

it is displaying

24
25
26
26
28

Why is it not displaying the 27th day to select, i.e. tomorrow

Appreciate any help you can offer me

Thanks

David

Click to expand...

David · Oct 26, 2006

Thanks for helping Erwin,

Not being a Javascript wiz, what do I need to do to correct this ?

Thanks so much

David

Erwin Moller · Oct 26, 2006

David said:
Thanks for helping Erwin,

Not being a Javascript wiz, what do I need to do to correct this ?

Thanks so much

David

Hi David,

Just add them all, like you did, but remove the new Option for the one you
want to select (today).
Now make some aspcode that checks if the option you are adding is the one
you want to select.

Extend the syntax for a new option like this:
new Option("text", value, defaultselected, selected)

replace them with sensible values, in your case you want to write true for
the defaultselected.

Good luck,
Erwin

David · Oct 26, 2006

Erwin,

I 've had a good look but JavaScript is like dutch to me, I cannot seem
to grasp it :-(
I got this code from the web and I am trying really hard to understand
it .... maybe someday huh !

I can kind of see what you are saying, but cannot fathom how to adjust
the code.

Oh well

Thanks

Dr J R Stockton · Oct 26, 2006

Thu said:
I have a form on my asp page with 3 dropdowns, day, month & year,

At first glance, it looks as if your code allows 31 days for every
month.

See <URL:http://www.merlyn.demon.co.uk/js-date6.htm#YMD>, but then read
from the top of the page.

It's a good idea to read the newsgroup and its FAQ. See below.

Erwin Moller · Oct 30, 2006

David said:
Erwin,

I 've had a good look but JavaScript is like dutch to me, I cannot seem
to grasp it :-(
I got this code from the web and I am trying really hard to understand
it .... maybe someday huh !

I can kind of see what you are saying, but cannot fathom how to adjust
the code.

Oh well

Thanks

Hi David,

JavaScript is like Dutch to you?
You are asking the wrong person for help then, since I AM dutch.

Anyway, follow Stockton's advise and read the FAQ. It might help you
understand the issue.

Regards,
Erwin Moller

Very Basic CC Validation Javascript	0	Oct 29, 2019
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
Collect Excel Data from Website	5	Apr 30, 2022
displaying the date in mysql format for insertion into db	1	Jun 13, 2006
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
Passing values	5	Oct 31, 2007
"Object does not support.." error with document.getElementById("dropdown")	8	Nov 25, 2008
Get value from dropdown javascript	1	Feb 11, 2012

Date dropdown not functioning

David

Erwin Moller

David

Erwin Moller

David

Dr J R Stockton

Erwin Moller

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads