ansaurus

Question

display time in a textbox and modify with up down arrows

Answer 1

A:

hi,

Hrmm, I recommend you spend some time playing around with jQuery if you haven't. Hope it helps.

jQuery UI

John Resig

lovemore-world has a good article that hopefuly can inspire you and get the creative juices going.

elsharpo 2010-01-11 23:23:54

The usual SO response of "you should use jQuery", without any attempt to answer the question. The AJAX toolkit already provides an out of the box control that can handle this problem. Thanks for the down vote btw.

fearofawhackplanet 2010-01-11 23:57:06

I didn't down vote you.

elsharpo 2010-01-12 00:06:02

lol looks like everyone is getting down voted on this question! maybe the down voters could try and help with a solution instead of just down voting those who are trying to help.

fearofawhackplanet 2010-01-12 00:38:10

agree..I know my answer was standard "jQuery-look-into-it" but it doesn't hurt having a look at it or at least being aware of it. :-) I'll be more constructive next time though.

elsharpo 2010-01-12 01:32:16

Answer 2

+2 A:

Yes this should be pretty simple to achieve using the updownextender. Just attach web service methods to the serviceupmethod and servicedownmethod which increment/decrement your datetime by the required timespan. you haven't posted any code so it's difficult to know where you are stuck.

UPDATE: ok, so having thought about this, I don't think there is any real reason to use an updownextender with server call backs. A quick google discovered that javascript already has some basic date manipulation functions, so it's easy enough to do everything client side.

I'm not a javascript expert, so the following code is possibly of questionable quality, but it seems to work ok and hopefully will get you set on the right track. Let me know if you still get stuck.

<head runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
        <!--
            var date;

            function initDateObject()
            {
                date = new Date ( "January 1, 2000 12:00:00" );
                showTimePortion();
            }

            function showTimePortion()
            {
                document.getElementById('timeDisplay').value = padToMinimumLength(date.getHours(),2) + ':' + padToMinimumLength(date.getMinutes(),2) + ':' + padToMinimumLength(date.getSeconds(),2);
            }

            function padToMinimumLength(number, requiredLength)
            {
                var pads = requiredLength - (number + '').length;
                while (pads > 0)
                {
                    number = '0' + number;
                    pads--;
                }
                return number;
            }

            function addMinutes(n)
            {
                date.setMinutes(date.getMinutes() + n);
                showTimePortion();
            }

            function setTodaysTime()
            {
                var d = new Date();
                d.setHours(date.getHours());
                d.setMinutes(date.getMinutes());
                d.setSeconds(date.getSeconds());
                alert('the time is now ' + d.toString());
            }
        -->
    </script>
</head>
<body onload="initDateObject();">
    <form id="form1" runat="server">
    <div>
        <input type="text" id="timeDisplay" readonly="readonly"/>
        <a href="#" onclick="addMinutes(1)">+</a>
        <a href="#" onclick="addMinutes(-1)">-</a>
        <br />
        <a href="#" onclick="setTodaysTime()">Submit</a>
    </div>
    </form>
</body>

fearofawhackplanet 2010-01-11 23:27:56

no i cant find any example which does this so im stuck... i got the date but nothing for time...

2010-01-11 23:30:19

i have updated some part... any help will be appreciated... thanks

2010-01-12 00:19:12

some feedback as to why i'm being downvoted would be appreciated, so in future i can try and provide better answers.

fearofawhackplanet 2010-01-12 00:39:53

@unknown, i'm going to bed now (it's 2 in the morning here). if you are still stuck by tomorrow evening i will try and put some example code together for you.

fearofawhackplanet 2010-01-12 00:41:42

I don't see any reason why that perfectly sensible answer was downvoted...

Thomas Levesque 2010-01-12 01:01:07

thanks man... i need the help... i searched and searched and there is nothing... i have come up with something which i have put up... but thats not what i want... cant believe microsoft did not have this...

2010-01-12 05:07:07

ansaurus

tags:

views:

answers:

display time in a textbox and modify with up down arrows

related questions