Combo with dates

[David]

Hi,

I have a code for filling a dropdown, but I cannot work out how to make
it fill with every date, including todays date, as required below

i.e.
05/10/2006
06/10/2006
07/10/2006
08/10/2006
09/10/2006
10/10/2006
11/10/2006
12/10/2006
13/10/2006
14/10/2006
It needs to display about 10 dates

------------------------------------

The code I have is:

<script type="text/javascript" language="javas cript">
function formatDate(t_da te, format)
{
/* t_date is expected to be a Date() and format is a string */

var r_date = null; /* string to return */

/* add more formats as desired */
switch (format)
{
case ("mm/dd/yyyy"):
tmp = t_date.getDate( );
tmp = tmp<10?"0"+tmp: tmp;
r_date = tmp+"/";
tmp = t_date.getMonth ()+1;
tmp = tmp<10?"0"+tmp: tmp;

r_date += tmp+"/"+t_date.getFul lYear();
break;
default:
alert("That is not a valid format");
}
return r_date;
}

function addDays(t_date, days)
{
return new Date(t_date.get Time() + days*24*60*60*1 000);
}

function fillIt()
{
var s = document.forms["formname"].elements["Date"];
var o;
var theDate = new Date();
var i;

for (i=0; i<20; i++)
{
/* if this is a Tuesday (2) or Thursday (4), put in option, else
add a
day and check again */
while (theDate.getDay () != 0 )
theDate = addDays(theDate , 1);
/* we get here, it's either Tursday or Thursday - write option,
increment, and loop */
tmp = formatDate(theD ate, "mm/dd/yyyy");
o = new Option(tmp, tmp);
s.options[i] = o;
theDate = addDays(theDate ,1);
}
}
</script>
-----------------------------------
Appreciate your help, thanks :-)

David

[Evertjan.]

David wrote on 05 okt 2006 in comp.lang.javas cript:

Hi,

I have a code for filling a dropdown, but I cannot work out how to make
it fill with every date, including todays date, as required below

i.e.
05/10/2006
06/10/2006
07/10/2006
08/10/2006
09/10/2006
10/10/2006
11/10/2006
12/10/2006
13/10/2006
14/10/2006
It needs to display about 10 dates

=============== =============== =============== ====
<script type='text/javascript'>

function nextday(x){
return new Date(x.getYear( ), x.getMonth(), x.getDate()+1);
};

function DDMMYYYY(x){
return T(x.getDate())+ '/'+T(x.getMonth( )+1)+'/'+x.getYear();
};

function T(x){
return (x<10)?'0'+x:x;
};

var d = new Date();
var t = '';

for (var i=0;i<10;i++) {
t += '<option>'+DDMM YYYY(d)+'</option>';
d = nextday(d);
}

document.write( '<SELECT>'+t+' </SELECT>');

</script>
=============== =============== =========

if you want only Tuesdays (2) or Thursdays (4):

=============== =============== =========

......
for (var i=0;i<10;i++) {
while (d.getDay() != 2 && d.getDay() != 4 )
d = nextday(d);
t += '<option>'+DDMM YYYY(d)+'</option>';
d = nextday(d);
}
.....

=============== =============== =========

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[RobG]

David wrote:

Hi,

I have a code for filling a dropdown, but I cannot work out how to make
it fill with every date, including todays date, as required below

i.e.
05/10/2006
06/10/2006
07/10/2006
08/10/2006
09/10/2006
10/10/2006
11/10/2006
12/10/2006
13/10/2006
14/10/2006

Your codes seems to want only Tuesdays and Thursdays rather than every
day.

It needs to display about 10 dates

------------------------------------

The code I have is:

<script type="text/javascript" language="javas cript">

The language attribute is deprecated so remove it, keep type.

function formatDate(t_da te, format)
{
/* t_date is expected to be a Date() and format is a string */

If you want t_date to be today, then start with:

var t_date = new Date();

var r_date = null; /* string to return */

Initialising r_date with the value null serves no useful purpose in
this instance.

/* add more formats as desired */
switch (format)
{
case ("mm/dd/yyyy"):
tmp = t_date.getDate( );
tmp = tmp<10?"0"+tmp: tmp;

It is probably better to have a small function that adds the leading
zero rather than repeating the code, say:

function addZ(num){ return (num < 10)? '0' + num : '' + num; }

Then:

tmp = addZ(t_date.get Date());

r_date = tmp+"/";

tmp = t_date.getMonth ()+1;
tmp = tmp<10?"0"+tmp: tmp;

r_date += tmp+"/"+t_date.getFul lYear();
break;

Instead of all that, why not:

tmp = addZ(t_date.get Date()) + '/'
+ addZ(t_date.get Month()+1) + '/'
+ t_date.getFullY ear();

default:
alert("That is not a valid format");
}
return r_date;
}

function addDays(t_date, days)
{
return new Date(t_date.get Time() + days*24*60*60*1 000);

Adding 24hours worth of milliseconds is risky in places where daylight
saving is in effect, you will skip a day when going into daylight
saving and count a day twice on the way out. Just add the required
number of days to the date and avoid the issue:

return t_date.setDate( t_date.getDate( ) + (+days));

The brackets around +days is not essential but may help maintenance.
Note that adding days beyond the end of the month is OK: 30-Jan + 3
days gives 02-Feb.
Try this version[1] as an example:

function addDates(f){
var numOptions = 10;
var d = new Date(f.startDat e.value);
var sel = f.date;
sel.length = 0; // Removes existing options
var dateString, dayNum;

while (numOptions) {
dayNum = d.getDay();
if (2 == dayNum || 4 == dayNum){
dateString = addZ(d.getDate( )) + '/'
+ addZ(d.getMonth () + 1) + '/'
+ d.getFullYear() ;
sel.options[sel.options.len gth] = new Option(dateStri ng);
--numOptions;
}
d.setDate(d.get Date() + 1);
}
}

function addZ(num){
return (num < 10)? '0' + num : '' + num;
}

</script>

<form action="">
<input type="text" name="startDate " value="2006/09/25">
<select name="date">
<option>Click "Add dates" to add dates
</select>
<input type="button" value="Add dates"
onclick="addDat es(this.form)">
</form>
1. That the input date should be validated before trying to use it,
this version returns only Tuesdays and Thursdays in the option list
--
Rob

[David]

RobG wrote:

David wrote:

Hi,

I have a code for filling a dropdown, but I cannot work out how to make
it fill with every date, including todays date, as required below

i.e.
05/10/2006
06/10/2006
07/10/2006
08/10/2006
09/10/2006
10/10/2006
11/10/2006
12/10/2006
13/10/2006
14/10/2006

Your codes seems to want only Tuesdays and Thursdays rather than every
day.

It needs to display about 10 dates

------------------------------------

The code I have is:

<script type="text/javascript" language="javas cript">

The language attribute is deprecated so remove it, keep type.

function formatDate(t_da te, format)
{
/* t_date is expected to be a Date() and format is a string */

If you want t_date to be today, then start with:

var t_date = new Date();

var r_date = null; /* string to return */

Initialising r_date with the value null serves no useful purpose in
this instance.

/* add more formats as desired */
switch (format)
{
case ("mm/dd/yyyy"):
tmp = t_date.getDate( );
tmp = tmp<10?"0"+tmp: tmp;

It is probably better to have a small function that adds the leading
zero rather than repeating the code, say:

function addZ(num){ return (num < 10)? '0' + num : '' + num; }

Then:

tmp = addZ(t_date.get Date());

r_date = tmp+"/";

tmp = t_date.getMonth ()+1;
tmp = tmp<10?"0"+tmp: tmp;

r_date += tmp+"/"+t_date.getFul lYear();
break;

Instead of all that, why not:

tmp = addZ(t_date.get Date()) + '/'
+ addZ(t_date.get Month()+1) + '/'
+ t_date.getFullY ear();

default:
alert("That is not a valid format");
}
return r_date;
}

function addDays(t_date, days)
{
return new Date(t_date.get Time() + days*24*60*60*1 000);

Adding 24hours worth of milliseconds is risky in places where daylight
saving is in effect, you will skip a day when going into daylight
saving and count a day twice on the way out. Just add the required
number of days to the date and avoid the issue:

return t_date.setDate( t_date.getDate( ) + (+days));

The brackets around +days is not essential but may help maintenance.
Note that adding days beyond the end of the month is OK: 30-Jan + 3
days gives 02-Feb.
Try this version[1] as an example:

function addDates(f){
var numOptions = 10;
var d = new Date(f.startDat e.value);
var sel = f.date;
sel.length = 0; // Removes existing options
var dateString, dayNum;

while (numOptions) {
dayNum = d.getDay();
if (2 == dayNum || 4 == dayNum){
dateString = addZ(d.getDate( )) + '/'
+ addZ(d.getMonth () + 1) + '/'
+ d.getFullYear() ;
sel.options[sel.options.len gth] = new Option(dateStri ng);
--numOptions;
}
d.setDate(d.get Date() + 1);
}
}

function addZ(num){
return (num < 10)? '0' + num : '' + num;
}

</script>

<form action="">
<input type="text" name="startDate " value="2006/09/25">
<select name="date">
<option>Click "Add dates" to add dates
</select>
<input type="button" value="Add dates"
onclick="addDat es(this.form)">
</form>
1. That the input date should be validated before trying to use it,
this version returns only Tuesdays and Thursdays in the option list
--
Rob

----------------------

Thanks Rob,

How do I return all days including today ?

David