Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-acomp/demo/timeinput/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

function render(...args) {
    return absol._(...args).addTo(document.body)
}

var input = render({
    tag: 'timerange24input',
    props: {
        dayOffset: 3600000 * 9.5,
        duration: 3600000
    },
    on: {
        change: function () {
            console.log(this.value)
            input3.value = this.value;
        }
    }
});

var input2 = render({
    tag: 'timerange24input',
    props: {
        dayOffset: 3600000 * 9.5,
        duration: 3600000,
        notNull: false
    }
});

render('<h5>Ref</h5>');

var input3 = render({
    tag: 'timerange24input',
    props: {
        value: input.value
    }
});

// var input = absol._({
//     tag: 'time24input',
//     props: {
//         dayOffset: 36e5 * 19.5,
//         value: 36e5 * 9
//     }
// }).addTo(document.body);
//
// var input = absol._({
//     tag: 'time24input',
//     props: {
//         dayOffset: 36e5 * 19.5,
//         value: null,
//         notNull: false
//     }
// }).addTo(document.body);