mithril-timepicker
Version:
Pick a time! But only if you're using mithril
40 lines (38 loc) • 891 B
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/mithril-datepicker@0.9.2/src/style.css" />
<link rel="stylesheet" href="src/style.css">
</head>
<body>
<script src="https://unpkg.com/mithril"></script>
<script src="mithril-timepicker.js"></script>
<script>
const time1 = {
name: 'jake',
email: 'jake@jake.net',
h:11, m:0
}
const time2 = {}
const App = {
view: () => [
m('header', m('h1', 'hello')),
m('main',
'Time 1: ',
m(TimePicker, {
time: time1,
tfh: false,
increment: 15,
onchange: t => console.log(t) })
),
m('main',
'Time 2: ',
m(TimePicker, { time: time2, tfh: true })
),
m('button', { onclick: TimePicker.reset(time1) }, 'reset time 1'),
m('button', { onclick: TimePicker.reset(time2) }, 'reset time 2')
]
}
m.mount(document.body, App)</script>
</body>
</html>