Question

Here is my setup. I create a html page and put an input component on this page whose type is text. I set the readonly property for the component because I want to display date and time in this component so user can not change it. My question is how can I diplay date and time in this component so that its value keep on changing as the time change. Thanks

Answer 1

use jquery for that

html

<label id="clock"></label>

jquery

var updateClock = function() {
function pad(n) {
    return (n < 10) ? '0' + n : n;
}

var now = new Date();
var s = pad(now.getUTCHours()) + ':' +
        pad(now.getUTCMinutes()) + ':' +
        pad(now.getUTCSeconds());

 $('#clock').html(s);

var delay = 1000 - (now % 1000);
setTimeout(updateClock, delay);

};