Added 12hours display support

2 files changed, 30 insertions, 0 deletions

diff --git a/examples/12hours.html b/examples/12hours.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/examples/12hours.html
diff --git a/examples/12hours.js b/examples/12hours.js
new file mode 100644
index 0000000..18fb626
--- /dev/null
+++ b/examples/12hours.js
@@ -0,0 +1,30 @@
+/* eslint no-console:0 */
+
+import 'rc-time-picker/assets/index.less';
+
+import React from 'react';
+import ReactDom from 'react-dom';
+
+import moment from 'moment';
+
+import TimePicker from 'rc-time-picker';
+
+const showSecond = false;
+const str = showSecond ? 'HH:mm:ss' : 'HH:mm';
+
+const now = moment().hour(14).minute(30);
+
+function onChange(value) {
+  console.log(value && value.format(str));
+}
+
+ReactDom.render(
+  <TimePicker
+    showSecond={showSecond}
+    defaultValue={now}
+    className="xxx"
+    onChange={onChange}
+    show12Hours
+  />,
+  document.getElementById('__react-content')
+);