use PC time in a dropdown list

Path9898

Hi, I need some help with time. I have a dropdown list that shows various times so the user can select the time most relevant to their needs, but the system pre-selects the current time

Expand|Select|Wrap|Line Numbers

 <%

Dim MyTime    : MyTime     = FormatDateTime(now, 3) 'returns current date/time

%>
 
    <tr>

        <td class="body" align="right"><strong>Select Time In:</strong></td>

        <td>

            <select name="customer_arrivaltime">

    <option selected="selected" value="<%=MyTime%>"><%=MyTime%></option>

            <option value="05:30:00 AM">5:30 AM</option>             <option value="05:45:00 AM">5:45 AM</option>

            <option value="06:00:00 AM">6:00 AM</option>            <option value="06:15:00 AM">6:15 AM</option>

            <option value="06:30:00 AM">6:30 AM</option>            <option value="06:45:00 AM">6:45 AM</option>

            <option value="07:00:00 AM">7:00 AM</option>            <option value="07:15:00 AM">7:15 AM</option>

            <option value="07:30:00 AM">7:30 AM</option>            <option value="07:45:00 AM">7:45 AM</option>
 
        <option value="8:00:00 PM">8:00 PM</option>        

            </select>        

        </td>        

    </tr>

This works great, except that I was an idiot and set it up to use the server time. The server is in the central time zone, now I have users on the east coast so the current pre-selected time is wrong. Bah.

So, I need to use the time on the users PC. It does not need to be atomically accurate, I don’t mind if the users PC has the wrong time. I have been playing with this javascript

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">

var newtime;

var d = new Date();

newtime = d.toLocaleTimeString();

document.write(newtime);

</script>

it produces the time in the format I want, but I can't figure out how to get the (newtime) results to appear in my dropdown so the user still sees their current time first.

can someone help? is there a better way to do this?

TIA
Path

GazMathias

Check out the JavaScript add() method for the Select Object.

http://www.javascriptkit.com/jsref/select.shtml

Path9898

ok, so i red up on this option and have spent a lot of time fiddling with it to no avail. so far i have used this

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">

var newtime;

var d = new Date();

newtime = d.toLocaleTimeString();
 
var myselect=document.getElementById("customer_arrivaltime")

myselect.options[0]=new Option("Here Now", "who", "defaultSelected", "selected") //replace 1st option with a new one
 
</script>

to add an entry "Here now" to the top of my dropdown. but i cant figure out how to display the local PC time "newtime = d.toLocaleTimeString();" in the list.

please help before i go completely bald on this.

GazMathias

Hi,

This works for me in IE and Chrome. Doesn't insert the option as the first one, but rather makes it selected:

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script type = "text/JavaScript">

function addTimeOption()

{
 
var myselect = document.myform.myselect;

var thetime;

var d = new Date();

thetime = d.toLocaleTimeString();
 
var newOptn = document.createElement("OPTION");

newOptn.text = "Here Now";

newOptn.value = thetime;

newOptn.selected = true;

myselect.options.add(newOptn);

}

</script>
 
</head>

<body onLoad="addTimeOption(); ">

<form name = "myform">

<select name="myselect">

<option>Existing option</option>

</select>

<input type="submit" onClick="alert(document.all.myselect.options[document.all.myselect.selectedIndex].value)">

</body>

</html>

Function is called on <body onLoad>

Hope that is of some use

Gaz.

Path9898

Gaz, that worked fantastic, thank you very much for your time and help!

use PC time in a dropdown list

re: use PC time in a dropdown list

re: use PC time in a dropdown list

re: use PC time in a dropdown list

re: use PC time in a dropdown list

Similar ASP / Active Server Pages bytes

/bytes/development

/bytes/it

/bytes/about