| 1 | <?php |
||
| 11 | class DateTime extends ContentType |
||
| 12 | { |
||
| 13 | public $selfUpdate = true; |
||
| 14 | public $html = '<span class="datetime"></span>'; |
||
| 15 | public $css = '%field% { text-align: center; vertical-align: middle; }'; |
||
| 16 | public $input = 'none'; |
||
| 17 | public $output = 'raw'; |
||
| 18 | public $usable = true; |
||
| 19 | public $js = <<<'EOT' |
||
| 20 | { |
||
| 21 | var $f = $('%field%'); |
||
| 22 | if (!$f.length) { return; } |
||
| 23 | var $d = $f.find('.date'); |
||
| 24 | var $t = $f.find('.time'); |
||
| 25 | var $dt = $f.find('.datetime'); |
||
| 26 | var dF = ''; |
||
| 27 | function setDateTime() { |
||
| 28 | var m = moment(); |
||
| 29 | $d.html(m.format('DD/MM/YYYY')); |
||
| 30 | $t.html(m.format('HH:mm:ss')); |
||
| 31 | $dt.html(m.format('DD/MM/YYYY<br />HH:mm:ss')); |
||
| 32 | } |
||
| 33 | setInterval(setDateTime, 1000); |
||
| 34 | setDateTime(); |
||
| 35 | $f.show(); |
||
| 36 | $f.textfill({maxFontPixels: 0}); |
||
| 37 | } |
||
| 38 | EOT; |
||
| 39 | |||
| 40 | /** |
||
| 41 | * {@inheritdoc} |
||
| 42 | */ |
||
| 43 | public function __construct($config = []) |
||
| 48 | } |
||
| 49 |