1 line
53 KiB
JavaScript
1 line
53 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{1233:function(t,s,a){},1329:function(t,s,a){"use strict";var e=a(1233);a.n(e).a},1429:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-time-picker use12Hours="" @change="onChange"/>\n <a-time-picker use12Hours="" format="h:mm:ss A" @change="onChange"/>\n <a-time-picker use12Hours="" format="h:mm a" @change="onChange"/>\n </div>\n',script:"\n export default {\n methods: {\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n",style:null,us:"\n#### 12 hours\nTimePicker of 12 hours format, with default format `h:mm:ss a`.\n",cn:"\n#### 12 小时制\n12 小时制的时间选择器，默认的 format 为 `h:mm:ss a`。\n",sourceCode:'<template>\n <div>\n <a-time-picker use12Hours @change="onChange" />\n <a-time-picker use12Hours format="h:mm:ss A" @change="onChange" />\n <a-time-picker use12Hours format="h:mm a" @change="onChange" />\n </div>\n</template>\n<script>\n export default {\n methods: {\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-time-picker",{attrs:{use12Hours:""},on:{change:t.onChange}}),t._v(" "),a("a-time-picker",{attrs:{use12Hours:"",format:"h:mm:ss A"},on:{change:t.onChange}}),t._v(" "),a("a-time-picker",{attrs:{use12Hours:"",format:"h:mm a"},on:{change:t.onChange}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"12-小时制"}},[t._v("12 小时制 "),a("a",{staticClass:"anchor",attrs:{href:"#12-小时制"}},[t._v("#")])]),t._v(" "),a("p",[t._v("12 小时制的时间选择器，默认的 format 为 "),a("code",[t._v("h:mm:ss a")]),t._v("。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"12-hours"}},[t._v("12 hours "),a("a",{staticClass:"anchor",attrs:{href:"#12-hours"}},[t._v("#")])]),t._v(" "),a("p",[t._v("TimePicker of 12 hours format, with default format "),a("code",[t._v("h:mm:ss a")]),t._v(".")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("use12Hours")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("use12Hours")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("format")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"h:mm:ss A"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("use12Hours")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("format")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"h:mm a"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"vbscript"},[t._v("\n export "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n methods: {\n onChange("),a("span",{staticClass:"hljs-built_in"},[t._v("time")]),t._v(", timeString) {\n console."),a("span",{staticClass:"hljs-built_in"},[t._v("log")]),t._v("("),a("span",{staticClass:"hljs-built_in"},[t._v("time")]),t._v(", timeString);\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};e._withStripped=!0;var n={methods:{onChange:function(t,s){console.log(t,s)}}},l=a(31),v=Object(l.a)(n,e,[],!1,null,null,null);v.options.__file="components/time-picker/demo/12hours.md";var _=v.exports,i=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-time-picker @openChange="handleOpenChange" :open="open">\n <a-button slot="addon" slot-scope="panel" size="small" type="primary" @click="handleClose">Ok {{panel.prefixCls}}</a-button>\n </a-time-picker>\n <a-time-picker :open.sync="open2">\n <a-button slot="addon" size="small" type="primary" @click="handleClose">Ok</a-button>\n </a-time-picker>\n </div>\n',script:"\n import moment from 'moment';\n export default {\n data() {\n return {\n open: false,\n open2: false,\n };\n },\n methods: {\n handleOpenChange(open) {\n console.log('open', open);\n this.open = open;\n },\n handleClose() {\n this.open = false;\n this.open2 = false;\n },\n },\n };\n",style:null,us:"\n#### Addon\nRender addon contents to timepicker panel's bottom.\n",cn:"\n#### 附加内容\n在 TimePicker 选择框底部显示自定义的内容。\n",sourceCode:'<template>\n <div>\n <a-time-picker @openChange="handleOpenChange" :open="open">\n <a-button slot="addon" slot-scope="panel" size="small" type="primary" @click="handleClose"\n >Ok {{panel.prefixCls}}</a-button\n >\n </a-time-picker>\n <a-time-picker :open.sync="open2">\n <a-button slot="addon" size="small" type="primary" @click="handleClose">Ok</a-button>\n </a-time-picker>\n </div>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n data() {\n return {\n open: false,\n open2: false,\n };\n },\n methods: {\n handleOpenChange(open) {\n console.log(\'open\', open);\n this.open = open;\n },\n handleClose() {\n this.open = false;\n this.open2 = false;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("a-time-picker",{attrs:{open:t.open},on:{openChange:t.handleOpenChange},scopedSlots:t._u([{key:"addon",fn:function(s){return a("a-button",{attrs:{size:"small",type:"primary"},on:{click:t.handleClose}},[t._v("Ok "+t._s(s.prefixCls))])}}])}),t._v(" "),a("a-time-picker",{attrs:{open:t.open2},on:{"update:open":function(s){t.open2=s}}},[a("a-button",{attrs:{slot:"addon",size:"small",type:"primary"},on:{click:t.handleClose},slot:"addon"},[t._v("Ok")])],1)],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"附加内容"}},[t._v("附加内容 "),a("a",{staticClass:"anchor",attrs:{href:"#附加内容"}},[t._v("#")])]),t._v(" "),a("p",[t._v("在 TimePicker 选择框底部显示自定义的内容。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Addon"}},[t._v("Addon "),a("a",{staticClass:"anchor",attrs:{href:"#Addon"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Render addon contents to timepicker panel's bottom.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@openChange")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"handleOpenChange"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":open")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"open"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"addon"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot-scope")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"panel"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"primary"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@click")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"handleClose"')]),t._v("\n >")]),t._v("Ok "),a("span",[t._v("{{")]),t._v("panel.prefixCls"),a("span",[t._v("}}")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v("\n >")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":open.sync")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"open2"')]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"addon"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"primary"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@click")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"handleClose"')]),t._v(">")]),t._v("Ok"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("open")]),t._v(": "),a("span",{staticClass:"hljs-literal"},[t._v("false")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("open2")]),t._v(": "),a("span",{staticClass:"hljs-literal"},[t._v("false")]),t._v(",\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n handleOpenChange(open) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),a("span",{staticClass:"hljs-string"},[t._v("'open'")]),t._v(", open);\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".open = open;\n },\n handleClose() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".open = "),a("span",{staticClass:"hljs-literal"},[t._v("false")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".open2 = "),a("span",{staticClass:"hljs-literal"},[t._v("false")]),t._v(";\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};i._withStripped=!0;var o=a(5),r=a.n(o),p={data:function(){return{open:!1,open2:!1}},methods:{handleOpenChange:function(t){console.log("open",t),this.open=t},handleClose:function(){this.open=!1,this.open2=!1}}},m=Object(l.a)(p,i,[],!1,null,null,null);m.options.__file="components/time-picker/demo/addon.md";var c=m.exports,d=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n <a-time-picker @change=\"onChange\" :defaultOpenValue=\"moment('00:00:00', 'HH:mm:ss')\"/>\n",script:"\n import moment from 'moment';\n export default {\n methods: {\n moment,\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n",style:null,us:"\n#### Basic\nClick `TimePicker`, and then we could select or input a time in panel.\n",cn:"\n#### 基本\n点击 TimePicker，然后可以在浮层中选择或者输入某一时间。\n",sourceCode:"<template>\n <a-time-picker @change=\"onChange\" :defaultOpenValue=\"moment('00:00:00', 'HH:mm:ss')\" />\n</template>\n<script>\n import moment from 'moment';\n export default {\n methods: {\n moment,\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("a-time-picker",{attrs:{defaultOpenValue:t.moment("00:00:00","HH:mm:ss")},on:{change:t.onChange}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本"}},[t._v("基本 "),a("a",{staticClass:"anchor",attrs:{href:"#基本"}},[t._v("#")])]),t._v(" "),a("p",[t._v("点击 TimePicker，然后可以在浮层中选择或者输入某一时间。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Basic"}},[t._v("Basic "),a("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Click "),a("code",[t._v("TimePicker")]),t._v(", and then we could select or input a time in panel.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultOpenValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('00:00:00', 'HH:mm:ss')\"")]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n moment,\n onChange(time, timeString) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(time, timeString);\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};d._withStripped=!0;var h={methods:{moment:r.a,onChange:function(t,s){console.log(t,s)}}},u=Object(l.a)(h,d,[],!1,null,null,null);u.options.__file="components/time-picker/demo/basic.md";var C=u.exports,j=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" disabled=\"\"/>\n",script:"\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n",style:null,us:"\n#### disabled\nA disabled state of the `TimePicker`.\n",cn:"\n#### 禁用\n禁用时间选择。\n",sourceCode:"<template>\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" disabled />\n</template>\n<script>\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("a-time-picker",{attrs:{defaultValue:t.moment("12:08:23","HH:mm:ss"),disabled:""}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"禁用"}},[t._v("禁用 "),a("a",{staticClass:"anchor",attrs:{href:"#禁用"}},[t._v("#")])]),t._v(" "),a("p",[t._v("禁用时间选择。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"disabled"}},[t._v("disabled "),a("a",{staticClass:"anchor",attrs:{href:"#disabled"}},[t._v("#")])]),t._v(" "),a("p",[t._v("A disabled state of the "),a("code",[t._v("TimePicker")]),t._v(".")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('12:08:23', 'HH:mm:ss')\"")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("disabled")]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n moment,\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};j._withStripped=!0;var g={methods:{moment:r.a}},f=Object(l.a)(g,j,[],!1,null,null,null);f.options.__file="components/time-picker/demo/disabled.md";var k=f.exports,b=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n <a-time-picker :defaultValue=\"moment('12:08', 'HH:mm')\" format=\"HH:mm\"/>\n",script:"\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n",style:null,us:"\n#### Hour and minute\nWhile part of `format` is omitted, the corresponding column in panel will disappear, too.\n",cn:"\n#### 选择时分\nTimePicker 浮层中的列会随着 `format` 变化，当略去 `format` 中的某部分时，浮层中对应的列也会消失。\n",sourceCode:"<template>\n <a-time-picker :defaultValue=\"moment('12:08', 'HH:mm')\" format=\"HH:mm\" />\n</template>\n<script>\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("a-time-picker",{attrs:{defaultValue:t.moment("12:08","HH:mm"),format:"HH:mm"}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"选择时分"}},[t._v("选择时分 "),a("a",{staticClass:"anchor",attrs:{href:"#选择时分"}},[t._v("#")])]),t._v(" "),a("p",[t._v("TimePicker 浮层中的列会随着 "),a("code",[t._v("format")]),t._v(" 变化，当略去 "),a("code",[t._v("format")]),t._v(" 中的某部分时，浮层中对应的列也会消失。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Hour-and-minute"}},[t._v("Hour and minute "),a("a",{staticClass:"anchor",attrs:{href:"#Hour-and-minute"}},[t._v("#")])]),t._v(" "),a("p",[t._v("While part of "),a("code",[t._v("format")]),t._v(" is omitted, the corresponding column in panel will disappear, too.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('12:08', 'HH:mm')\"")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("format")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"HH:mm"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n moment,\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};b._withStripped=!0;var y={methods:{moment:r.a}},H=Object(l.a)(y,b,[],!1,null,null,null);H.options.__file="components/time-picker/demo/hide-column.md";var w=H.exports,S=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-time-picker :minuteStep="15" :secondStep="10"/>\n',script:null,style:null,us:"\n#### interval option\nShow stepped options by `hourStep` `minuteStep` `secondStep`.\n",cn:"\n#### 步长选项\n可以使用 `hourStep` `minuteStep` `secondStep` 按步长展示可选的时分秒。\n",sourceCode:'<template>\n <a-time-picker :minuteStep="15" :secondStep="10" />\n</template>\n'}}},[a("template",{slot:"component"},[a("a-time-picker",{attrs:{minuteStep:15,secondStep:10}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"步长选项"}},[t._v("步长选项 "),a("a",{staticClass:"anchor",attrs:{href:"#步长选项"}},[t._v("#")])]),t._v(" "),a("p",[t._v("可以使用 "),a("code",[t._v("hourStep")]),t._v(" "),a("code",[t._v("minuteStep")]),t._v(" "),a("code",[t._v("secondStep")]),t._v(" 按步长展示可选的时分秒。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"interval-option"}},[t._v("interval option "),a("a",{staticClass:"anchor",attrs:{href:"#interval-option"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Show stepped options by "),a("code",[t._v("hourStep")]),t._v(" "),a("code",[t._v("minuteStep")]),t._v(" "),a("code",[t._v("secondStep")]),t._v(".")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":minuteStep")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"15"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":secondStep")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"10"')]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};S._withStripped=!0;var x=Object(l.a)({},S,[],!1,null,null,null);x.options.__file="components/time-picker/demo/interval-options.md";var O=x.exports,V=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n <div>\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" size=\"large\"/>\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\"/>\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" size=\"small\"/>\n </div>\n",script:"\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n",style:null,us:"\n#### Three Sizes\nThe input box comes in three sizes. large is used in the form, while the medium size is the default.\n",cn:"\n#### 三种大小\n三种大小的输入框，大的用在表单中，中的为默认。\n",sourceCode:"<template>\n <div>\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" size=\"large\" />\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" />\n <a-time-picker :defaultValue=\"moment('12:08:23', 'HH:mm:ss')\" size=\"small\" />\n </div>\n</template>\n<script>\n import moment from 'moment';\n export default {\n methods: {\n moment,\n },\n };\n<\/script>\n"}}},[a("template",{slot:"component"},[a("div",[a("a-time-picker",{attrs:{defaultValue:t.moment("12:08:23","HH:mm:ss"),size:"large"}}),t._v(" "),a("a-time-picker",{attrs:{defaultValue:t.moment("12:08:23","HH:mm:ss")}}),t._v(" "),a("a-time-picker",{attrs:{defaultValue:t.moment("12:08:23","HH:mm:ss"),size:"small"}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"三种大小"}},[t._v("三种大小 "),a("a",{staticClass:"anchor",attrs:{href:"#三种大小"}},[t._v("#")])]),t._v(" "),a("p",[t._v("三种大小的输入框，大的用在表单中，中的为默认。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Three-Sizes"}},[t._v("Three Sizes "),a("a",{staticClass:"anchor",attrs:{href:"#Three-Sizes"}},[t._v("#")])]),t._v(" "),a("p",[t._v("The input box comes in three sizes. large is used in the form, while the medium size is the default.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('12:08:23', 'HH:mm:ss')\"")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"large"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('12:08:23', 'HH:mm:ss')\"")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('12:08:23', 'HH:mm:ss')\"")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n moment,\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};V._withStripped=!0;var T={methods:{moment:r.a}},P=Object(l.a)(T,V,[],!1,null,null,null);P.options.__file="components/time-picker/demo/size.md";var z=P.exports,A=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <p>use value and @change</p>\n <a-time-picker @change="onChange" :value="value"/>\n <br/>\n <br/>\n <p>v-model</p>\n <a-time-picker v-model="value"/>\n <br/>\n <br/>\n <p>Do not change</p>\n <a-time-picker :value="value2"/>\n </div>\n',script:"\n import moment from 'moment';\n export default {\n data() {\n return {\n value: null,\n value2: moment(),\n };\n },\n methods: {\n onChange(time) {\n console.log(time);\n this.value = time;\n },\n },\n };\n",style:null,us:"\n#### Under Control\n`value` and `@change` should be used together or use v-model.\n",cn:"\n#### 受控组件\nvalue 和 onChange 需要配合使用。也可以直接使用v-model。\n",sourceCode:'<template>\n <div>\n <p>use value and @change</p>\n <a-time-picker @change="onChange" :value="value" />\n <br />\n <br />\n <p>v-model</p>\n <a-time-picker v-model="value" />\n <br />\n <br />\n <p>Do not change</p>\n <a-time-picker :value="value2" />\n </div>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n data() {\n return {\n value: null,\n value2: moment(),\n };\n },\n methods: {\n onChange(time) {\n console.log(time);\n this.value = time;\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("div",[a("p",[t._v("use value and @change")]),t._v(" "),a("a-time-picker",{attrs:{value:t.value},on:{change:t.onChange}}),t._v(" "),a("br"),t._v(" "),a("br"),t._v(" "),a("p",[t._v("v-model")]),t._v(" "),a("a-time-picker",{model:{value:t.value,callback:function(s){t.value=s},expression:"value"}}),t._v(" "),a("br"),t._v(" "),a("br"),t._v(" "),a("p",[t._v("Do not change")]),t._v(" "),a("a-time-picker",{attrs:{value:t.value2}})],1)]),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"受控组件"}},[t._v("受控组件 "),a("a",{staticClass:"anchor",attrs:{href:"#受控组件"}},[t._v("#")])]),t._v(" "),a("p",[t._v("value 和 onChange 需要配合使用。也可以直接使用v-model。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Under-Control"}},[t._v("Under Control "),a("a",{staticClass:"anchor",attrs:{href:"#Under-Control"}},[t._v("#")])]),t._v(" "),a("p",[a("code",[t._v("value")]),t._v(" and "),a("code",[t._v("@change")]),t._v(" should be used together or use v-model.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("use value and @change"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("v-model"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Do not change"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":value")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"value2"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("value")]),t._v(": "),a("span",{staticClass:"hljs-literal"},[t._v("null")]),t._v(",\n "),a("span",{staticClass:"hljs-attr"},[t._v("value2")]),t._v(": moment(),\n };\n },\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n onChange(time) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(time);\n "),a("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".value = time;\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};A._withStripped=!0;var E={data:function(){return{value:null,value2:r()()}},methods:{onChange:function(t){console.log(t),this.value=t}}},I=Object(l.a)(E,A,[],!1,null,null,null);I.options.__file="components/time-picker/demo/value.md";var $=I.exports,D=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n <a-time-picker @change="onChange" :defaultOpenValue="moment(\'00:00:00\', \'HH:mm:ss\')">\n <a-icon type="smile" slot="suffixIcon"/>\n </a-time-picker>\n',script:"\n import moment from 'moment';\n export default {\n methods: {\n moment,\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n",style:null,us:"\n#### Suffix\nClick `TimePicker`, and then we could select or input a time in panel.\n",cn:"\n#### 后缀图标\n点击 TimePicker，然后可以在浮层中选择或者输入某一时间。\n",sourceCode:'<template>\n <a-time-picker @change="onChange" :defaultOpenValue="moment(\'00:00:00\', \'HH:mm:ss\')">\n <a-icon type="smile" slot="suffixIcon" />\n </a-time-picker>\n</template>\n<script>\n import moment from \'moment\';\n export default {\n methods: {\n moment,\n onChange(time, timeString) {\n console.log(time, timeString);\n },\n },\n };\n<\/script>\n'}}},[a("template",{slot:"component"},[a("a-time-picker",{attrs:{defaultOpenValue:t.moment("00:00:00","HH:mm:ss")},on:{change:t.onChange}},[a("a-icon",{attrs:{slot:"suffixIcon",type:"smile"},slot:"suffixIcon"})],1)],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"后缀图标"}},[t._v("后缀图标 "),a("a",{staticClass:"anchor",attrs:{href:"#后缀图标"}},[t._v("#")])]),t._v(" "),a("p",[t._v("点击 TimePicker，然后可以在浮层中选择或者输入某一时间。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Suffix"}},[t._v("Suffix "),a("a",{staticClass:"anchor",attrs:{href:"#Suffix"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Click "),a("code",[t._v("TimePicker")]),t._v(", and then we could select or input a time in panel.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v(":defaultOpenValue")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v("\"moment('00:00:00', 'HH:mm:ss')\"")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"smile"')]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),a("span",{staticClass:"hljs-string"},[t._v('"suffixIcon"')]),t._v(" />")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("a-time-picker")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),a("span",{staticClass:"javascript"},[t._v("\n "),a("span",{staticClass:"hljs-keyword"},[t._v("import")]),t._v(" moment "),a("span",{staticClass:"hljs-keyword"},[t._v("from")]),t._v(" "),a("span",{staticClass:"hljs-string"},[t._v("'moment'")]),t._v(";\n "),a("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),a("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n "),a("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n moment,\n onChange(time, timeString) {\n "),a("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(time, timeString);\n },\n },\n };\n")]),a("span",{staticClass:"hljs-tag"},[t._v("</"),a("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};D._withStripped=!0;var N={methods:{moment:r.a,onChange:function(t,s){console.log(t,s)}}},M=Object(l.a)(N,D,[],!1,null,null,null);M.options.__file="components/time-picker/demo/suffix.md";var U=M.exports,B=function(){var t=this.$createElement;this._self._c;return this._m(0)};B._withStripped=!0;var R=Object(l.a)({},B,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("addon")]),t._v(" "),a("td",[t._v("选择框底部显示自定义的内容")]),t._v(" "),a("td",[t._v("slot | slot-scope")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("allowClear")]),t._v(" "),a("td",[t._v("是否展示清除按钮")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("autoFocus")]),t._v(" "),a("td",[t._v("自动获取焦点")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("clearText")]),t._v(" "),a("td",[t._v("清除按钮的提示文案")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("clear")])]),t._v(" "),a("tr",[a("td",[t._v("defaultOpenValue")]),t._v(" "),a("td",[t._v("当 defaultValue/value 不存在时，可以设置面板打开时默认选中的值")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("moment()")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("默认时间")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("禁用全部操作")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabledHours")]),t._v(" "),a("td",[t._v("禁止选择部分小时选项")]),t._v(" "),a("td",[t._v("function()")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("disabledMinutes")]),t._v(" "),a("td",[t._v("禁止选择部分分钟选项")]),t._v(" "),a("td",[t._v("function(selectedHour)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("disabledSeconds")]),t._v(" "),a("td",[t._v("禁止选择部分秒选项")]),t._v(" "),a("td",[t._v("function(selectedHour, selectedMinute)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("展示的时间格式")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v('"HH:mm:ss"')])]),t._v(" "),a("tr",[a("td",[t._v("getPopupContainer")]),t._v(" "),a("td",[t._v("定义浮层的容器，默认为 body 上新建 div")]),t._v(" "),a("td",[t._v("function(trigger)")]),t._v(" "),a("td",[t._v("无")])]),t._v(" "),a("tr",[a("td",[t._v("hideDisabledOptions")]),t._v(" "),a("td",[t._v("隐藏禁止选择的选项")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("hourStep")]),t._v(" "),a("td",[t._v("小时选项间隔")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("inputReadOnly")]),t._v(" "),a("td",[t._v("设置输入框为只读（避免在移动设备上打开虚拟键盘）")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("minuteStep")]),t._v(" "),a("td",[t._v("分钟选项间隔")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("open(.sync)")]),t._v(" "),a("td",[t._v("面板是否打开")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("没有值的时候显示的内容")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v('"请选择时间"')])]),t._v(" "),a("tr",[a("td",[t._v("popupClassName")]),t._v(" "),a("td",[t._v("弹出层类名")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("popupStyle")]),t._v(" "),a("td",[t._v("弹出层样式对象")]),t._v(" "),a("td",[t._v("object")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("secondStep")]),t._v(" "),a("td",[t._v("秒选项间隔")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("suffixIcon")]),t._v(" "),a("td",[t._v("自定义的选择框后缀图标")]),t._v(" "),a("td",[t._v("string | VNode | slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("use12Hours")]),t._v(" "),a("td",[t._v("使用 12 小时制，为 true 时 "),a("code",{pre:!0},[t._v("format")]),t._v(" 默认为 "),a("code",{pre:!0},[t._v("h:mm:ss a")])]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("当前时间")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("无")])])])]),t._v(" "),a("h3",{attrs:{id:"事件"}},[t._v("事件 "),a("a",{staticClass:"anchor",attrs:{href:"#事件"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("回调参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("时间发生变化的回调")]),t._v(" "),a("td",[t._v("function(time: moment, timeString: string): void")])]),t._v(" "),a("tr",[a("td",[t._v("openChange")]),t._v(" "),a("td",[t._v("面板打开/关闭时的回调")]),t._v(" "),a("td",[t._v("(open: boolean): void")])])])]),t._v(" "),a("h2",{attrs:{id:"方法"}},[t._v("方法 "),a("a",{staticClass:"anchor",attrs:{href:"#方法"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("名称")]),t._v(" "),a("th",[t._v("描述")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("移除焦点")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("获取焦点")])])])])])}],!1,null,null,null);R.options.__file="components/time-picker/index.zh-CN.md";var W=R.exports,F=function(){var t=this.$createElement;this._self._c;return this._m(0)};F._withStripped=!0;var J=Object(l.a)({},F,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("addon")]),t._v(" "),a("td",[t._v("some addon to timepicker panel bottom")]),t._v(" "),a("td",[t._v("slot | slot-scope")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("allowClear")]),t._v(" "),a("td",[t._v("allow clearing text")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("autoFocus")]),t._v(" "),a("td",[t._v("get focus when component mounted")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("clearText")]),t._v(" "),a("td",[t._v("clear tooltip of icon")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("clear")])]),t._v(" "),a("tr",[a("td",[t._v("defaultOpenValue")]),t._v(" "),a("td",[t._v("default open panel value, used to set utcOffset,locale if value/defaultValue absent")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("moment()")])]),t._v(" "),a("tr",[a("td",[t._v("defaultValue")]),t._v(" "),a("td",[t._v("to set default time")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("determine whether the TimePicker is disabled")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabledHours")]),t._v(" "),a("td",[t._v("to specify the hours that cannot be selected")]),t._v(" "),a("td",[t._v("function()")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("disabledMinutes")]),t._v(" "),a("td",[t._v("to specify the minutes that cannot be selected")]),t._v(" "),a("td",[t._v("function(selectedHour)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("disabledSeconds")]),t._v(" "),a("td",[t._v("to specify the seconds that cannot be selected")]),t._v(" "),a("td",[t._v("function(selectedHour, selectedMinute)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("format")]),t._v(" "),a("td",[t._v("to set the time format")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v('"HH:mm:ss"')])]),t._v(" "),a("tr",[a("td",[t._v("getPopupContainer")]),t._v(" "),a("td",[t._v("to set the container of the floating layer, while the default is to create a div element in body")]),t._v(" "),a("td",[t._v("function(trigger)")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("hideDisabledOptions")]),t._v(" "),a("td",[t._v("hide the options that can not be selected")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("hourStep")]),t._v(" "),a("td",[t._v("interval between hours in picker")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("inputReadOnly")]),t._v(" "),a("td",[t._v("Set the "),a("code",{pre:!0},[t._v("readonly")]),t._v(" attribute of the input tag (avoids virtual keyboard on touch devices)")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("minuteStep")]),t._v(" "),a("td",[t._v("interval between minutes in picker")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("open(.sync)")]),t._v(" "),a("td",[t._v("whether to popup panel")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("display when there's no value")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v('"Select a time"')])]),t._v(" "),a("tr",[a("td",[t._v("popupClassName")]),t._v(" "),a("td",[t._v("className of panel")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("popupStyle")]),t._v(" "),a("td",[t._v("style of panel")]),t._v(" "),a("td",[t._v("object")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("secondStep")]),t._v(" "),a("td",[t._v("interval between seconds in picker")]),t._v(" "),a("td",[t._v("number")]),t._v(" "),a("td",[t._v("1")])]),t._v(" "),a("tr",[a("td",[t._v("suffixIcon")]),t._v(" "),a("td",[t._v("The custom suffix icon")]),t._v(" "),a("td",[t._v("string | VNode | slot")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("use12Hours")]),t._v(" "),a("td",[t._v("display as 12 hours format, with default format "),a("code",{pre:!0},[t._v("h:mm:ss a")])]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("value(v-model)")]),t._v(" "),a("td",[t._v("to set time")]),t._v(" "),a("td",[a("a",{attrs:{href:"http://momentjs.com/"}},[t._v("moment")])]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h3",{attrs:{id:"events"}},[t._v("events "),a("a",{staticClass:"anchor",attrs:{href:"#events"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Arguments")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("a callback function, can be executed when the selected time is changing")]),t._v(" "),a("td",[t._v("function(time: moment, timeString: string): void")])]),t._v(" "),a("tr",[a("td",[t._v("openChange")]),t._v(" "),a("td",[t._v("a callback function which will be called while panel opening/closing")]),t._v(" "),a("td",[t._v("(open: boolean): void")])])])]),t._v(" "),a("h2",{attrs:{id:"Methods"}},[t._v("Methods "),a("a",{staticClass:"anchor",attrs:{href:"#Methods"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("blur()")]),t._v(" "),a("td",[t._v("remove focus")])]),t._v(" "),a("tr",[a("td",[t._v("focus()")]),t._v(" "),a("td",[t._v("get focus")])])])])])}],!1,null,null,null);J.options.__file="components/time-picker/index.en-US.md";var q=J.exports,G="# TimePicker 时间选择框\n 输入或选择时间的控件。\n## 何时使用\n当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。\n ## 代码演示",K="# TimePicker\n To select/input a time.\n## When To Use\nBy clicking the input box, you can select a time from a popup panel.\n## Examples ",L={category:"Components",subtitle:"时间选择框",type:"Data Entry",title:"TimePicker",render:function(){var t=arguments[0];return t("div",{attrs:{id:"components-timepicker-demo"}},[t("md",{attrs:{cn:G,us:K}}),t(_),t(c),t(C),t(k),t(w),t(O),t(z),t($),t(U),t("api",[t(W,{slot:"cn"}),t(q)])])}},Q=(a(1329),Object(l.a)(L,void 0,void 0,!1,null,null,null));Q.options.__file="components/time-picker/demo/index.vue";s.default=Q.exports}}]); |