![]() 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/ |
Upload File : |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Date In Year</title> <script src="../dist/absol-acomp.js?<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script> </head> <body> <script> (function () { var _ = absol._; var $ = absol.$; var Snackbar = absol.require('snackbar'); _('<h2>Date In Year Picker</h2>').addTo(document.body); var picker = _({ tag: 'dateinyearpicker', on: { change: function () { Snackbar.show('Change ' + this.date + '/' + this.month + ' ' + JSON.stringify(this.value)); } } }).addTo(document.body); _('<h2>Date In Year Input</h2>').addTo(document.body); var input = _({ tag: 'dateinyearinput', on: { change: function () { Snackbar.show('Change ' + JSON.stringify(this.value)); } }, props: { value: null // value: {date: 20, month: 9}// 20/10 } }).addTo(document.body); var input2 = _({ tag: 'dateinyearinput', style: { marginLeft: '30px' }, on: { change: function () { Snackbar.show('Change ' + JSON.stringify(this.value)); } }, props: { // value:null notNull: true, value: {date: 20, month: 9}// 20/10 } }).addTo(document.body); var input3 = _({ tag: 'dateinyearinput', style: { marginLeft: '30px' }, on: { change: function () { Snackbar.show('Change ' + JSON.stringify(this.value)); } }, props: { value: {date: 20, month: 9},// 20/10 disabled: true } }).addTo(document.body); })(); </script> </body> </html>