diff options
| author | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-19 08:38:51 +0800 |
|---|---|---|
| committer | 崖鹰 <zhao.wuz@alipay.com> | 2015-11-19 08:38:51 +0800 |
| commit | 4f54a8df81f39e4a43c27ebc0da2a8f82cb0c8e3 (patch) | |
| tree | 8ee79f7d3cbd090d2590794a87c2db373b569d9f /examples/pick-time.html | |
| parent | d9527a303eb610256874f90007c218a2ed90bb80 (diff) | |
| download | time-picker-4f54a8df81f39e4a43c27ebc0da2a8f82cb0c8e3.tar.gz time-picker-4f54a8df81f39e4a43c27ebc0da2a8f82cb0c8e3.tar.zst time-picker-4f54a8df81f39e4a43c27ebc0da2a8f82cb0c8e3.zip | |
Updates
Diffstat (limited to 'examples/pick-time.html')
| -rw-r--r-- | examples/pick-time.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/examples/pick-time.html b/examples/pick-time.html index ae35a8f..6568ab3 100644 --- a/examples/pick-time.html +++ b/examples/pick-time.html | |||
| @@ -2,7 +2,7 @@ | |||
| 2 | <html> | 2 | <html> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | <title>pick-time.js - example - rc-time-picker@0.4.0</title> | 5 | <title>pick-time.js - example - rc-time-picker@0.5.0</title> |
| 6 | <meta name="viewport" | 6 | <meta name="viewport" |
| 7 | content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> | 7 | content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> |
| 8 | <meta charset="utf-8"/> | 8 | <meta charset="utf-8"/> |
| @@ -257,24 +257,24 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic | |||
| 257 | <body> | 257 | <body> |
| 258 | <div class="container"> | 258 | <div class="container"> |
| 259 | <div class="header"> | 259 | <div class="header"> |
| 260 | <h1>rc-time-picker@0.4.0</h1> | 260 | <h1>rc-time-picker@0.5.0</h1> |
| 261 | 261 | ||
| 262 | <p>React TimePicker</p> | 262 | <p>React TimePicker</p> |
| 263 | </div> | 263 | </div> |
| 264 | <div class="example" id="__react-content"></div> | 264 | <div class="example" id="__react-content"></div> |
| 265 | <script src="common.js?nowrap"></script> | 265 | <script src="common.js?nowrap"></script> |
| 266 | <script src="pick-time.js?nowrap"></script> | 266 | <script src="pick-time.js?nowrap"></script> |
| 267 | <div class="highlight"><pre><code language="js"><span class="hljs-keyword">import</span> <span class="hljs-string">'rc-time-picker/assets/index.css'</span>; | 267 | <div class="highlight"><pre><code language="js">import <span class="hljs-string">'rc-time-picker/assets/index.css'</span>; |
| 268 | 268 | ||
| 269 | <span class="hljs-keyword">import</span> React <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>; | 269 | import React from <span class="hljs-string">'react'</span>; |
| 270 | <span class="hljs-keyword">import</span> ReactDom <span class="hljs-keyword">from</span> <span class="hljs-string">'react-dom'</span>; | 270 | import ReactDom from <span class="hljs-string">'react-dom'</span>; |
| 271 | 271 | ||
| 272 | <span class="hljs-keyword">import</span> GregorianCalendar <span class="hljs-keyword">from</span> <span class="hljs-string">'gregorian-calendar'</span>; | 272 | import GregorianCalendar from <span class="hljs-string">'gregorian-calendar'</span>; |
| 273 | <span class="hljs-keyword">import</span> DateTimeFormat <span class="hljs-keyword">from</span> <span class="hljs-string">'gregorian-calendar-format'</span>; | 273 | import DateTimeFormat from <span class="hljs-string">'gregorian-calendar-format'</span>; |
| 274 | <span class="hljs-keyword">import</span> zhCn <span class="hljs-keyword">from</span> <span class="hljs-string">'gregorian-calendar/lib/locale/zh_CN'</span>; | 274 | import zhCn from <span class="hljs-string">'gregorian-calendar/lib/locale/zh_CN'</span>; |
| 275 | 275 | ||
| 276 | <span class="hljs-keyword">import</span> TimePicker <span class="hljs-keyword">from</span> <span class="hljs-string">'rc-time-picker/lib/TimePicker'</span>; | 276 | import TimePicker from <span class="hljs-string">'rc-time-picker'</span>; |
| 277 | <span class="hljs-keyword">import</span> TimePickerLocale <span class="hljs-keyword">from</span> <span class="hljs-string">'rc-time-picker/lib/locale/zh_CN'</span>; | 277 | import TimePickerLocale from <span class="hljs-string">'rc-time-picker/lib/locale/zh_CN'</span>; |
| 278 | 278 | ||
| 279 | <span class="hljs-keyword">const</span> formatter = <span class="hljs-keyword">new</span> DateTimeFormat(<span class="hljs-string">'HH:mm:ss'</span>); | 279 | <span class="hljs-keyword">const</span> formatter = <span class="hljs-keyword">new</span> DateTimeFormat(<span class="hljs-string">'HH:mm:ss'</span>); |
| 280 | 280 | ||
| @@ -282,7 +282,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic | |||
| 282 | now.setTime(<span class="hljs-built_in">Date</span>.now()); | 282 | now.setTime(<span class="hljs-built_in">Date</span>.now()); |
| 283 | 283 | ||
| 284 | ReactDom.render( | 284 | ReactDom.render( |
| 285 | <span class="xml"><span class="hljs-tag"><<span class="hljs-title">TimePicker</span> <span class="hljs-attribute">formatter</span>=<span class="hljs-value">{formatter}</span> <span class="hljs-attribute">locale</span>=<span class="hljs-value">{TimePickerLocale}</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">{now}</span> /></span>, | 285 | <span class="xml"><span class="hljs-tag"><<span class="hljs-title">TimePicker</span> <span class="hljs-attribute">formatter</span>=<span class="hljs-value">{formatter}</span> <span class="hljs-attribute">locale</span>=<span class="hljs-value">{TimePickerLocale}</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{now}</span> /></span>, |
| 286 | document.getElementById('__react-content') | 286 | document.getElementById('__react-content') |
| 287 | ); | 287 | ); |
| 288 | </span></code></pre></div> | 288 | </span></code></pre></div> |