71 lines
1.9 KiB
Markdown
Raw Normal View History

2016-04-01 14:16:39 +02:00
# Module: Clock
The `clock` module is one of the default modules of the MagicMirror.
This module displays the current date and time. The information will be updated realtime.
## Using the module
To use this module, add it to the modules array in the `config/config.js` file:
````javascript
modules: [
{
module: 'clock',
position: 'top_left', // This can be any of the regions.
config: {
// The config property is optional.
// See 'Configuration options' for more information.
2016-04-01 14:16:39 +02:00
}
}
]
````
## Configuration options
The following properties can be configured:
2016-04-01 14:19:50 +02:00
<table width="100%">
2016-04-01 14:16:39 +02:00
<!-- why, markdown... -->
<thead>
<tr>
<th>Option</th>
2016-04-01 14:19:50 +02:00
<th width="100%">Description</th>
2016-04-01 14:16:39 +02:00
</tr>
<thead>
<tbody>
<tr>
<td><code>timeFormat</code></td>
2016-04-01 16:43:59 +02:00
<td>Use 12 or 24 hour format.<br>
2016-04-01 14:18:39 +02:00
<br><b>Possible values:</b> <code>12</code> or <code>24</code>
2016-04-01 16:43:59 +02:00
<br><b>Default value:</b> uses value of <i>config.timeFormat</i>
2016-04-01 14:16:39 +02:00
</td>
</tr>
<tr>
<td><code>displaySeconds</code></td>
<td>Display seconds.<br>
2016-04-01 14:18:39 +02:00
<br><b>Possible values:</b> <code>true</code> or <code>false</code>
<br><b>Default value:</b> <code>true</code>
2016-04-01 14:16:39 +02:00
</td>
</tr>
<tr>
<td><code>showPeriod</code></td>
2016-04-29 11:25:05 -04:00
<td>Show the period (am/pm) with 12 hour format.<br>
<br><b>Possible values:</b> <code>true</code> or <code>false</code>
<br><b>Default value:</b> <code>true</code>
</td>
</tr>
<tr>
<td><code>showPeriodUpper</code></td>
2016-04-29 11:25:05 -04:00
<td>Show the period (AM/PM) with 12 hour format as uppercase.<br>
<br><b>Possible values:</b> <code>true</code> or <code>false</code>
<br><b>Default value:</b> <code>false</code>
</td>
</tr>
<tr>
<td><code>clockBold</code></td>
<td>Remove the colon and bold the minutes to make a more modern look.<br>
<br><b>Possible values:</b> <code>true</code> or <code>false</code>
<br><b>Default value:</b> <code>false</code>
</td>
</tr>
2016-04-01 14:16:39 +02:00
</tbody>
</table>