Onblur event datetime input value to now

Using the onblur event, we set the datetime input to current time

by ctwheels

HTML

<input type="datetime-local" id="datetime" />

JavaScript

var support = false;
var input = document.createElement('input');
input.setAttribute('type', "datetime-local");
if (input.type !== 'text') {
    support = true;
}

$("#datetime").onblur = setDateTime();

function setDateTime() {
    var nDate = new Date();
    var string;
    var date = nDate.getDate();
    var month = nDate.getMonth() + 1;
    var year = nDate.getFullYear();
    var hour = nDate.getHours();
    var minute = nDate.getMinutes();
    var second = nDate.getSeconds();
    var millisecond = nDate.getMilliseconds();
    var ampm = "AM";

    if (date < 10) {
        date = "0" + date.toString();
    }
    if (month < 10) {
        month = "0" + month.toString();
    }
    if (support === false) {
        if (hour === 0) {
            hour = 12;
        }
        if (hour > 12) {
            hour -= 12;
            ampm = "PM";
        }
    }
    if (hour < 10) {
        hour = "0" + hour.toString();
    }
    if (minute < 10) {
        minute = "0" + minute.toString();
    }
    if (support === true) {
        string = year + "-" + month + "-" + date + "T" + hour + ":" + minute + ":" + second;
    } else {
        string = date + "/" + month + "/" + year + " " + hour + ":" + minute + " " + ampm;
    }
    $("#datetime").val(string);
}