webpackJsonp([42],{BGpj:function(t,s,a){t.exports=a("IJyB")},IJyB:function(t,s,a){vare=a("VU/8")(null,a("ZAq/"),null,null,null);t.exports=e.exports},"ZAq/":function(t,s){t.exports={render:function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("section",[a("h2",{attrs:{id:"TimePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" TimePicker")]),t._v(""),t._m(0),t._v(""),t._m(1),t._v(""),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(""),t._m(2),t._v(""),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(""),t._m(3),t._v(""),t._m(4),t._v(""),t._m(5),t._v(""),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(""),t._m(6),t._v(""),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(""),t._m(7)])},staticRenderFns:[function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("p",[a("code",{pre:!0},[t._v("TimePicker")]),t._v(" component provides commonly used functions of date selection.")])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(""),a("p",[a("code",{pre:!0},[t._v("showNow")]),t._v(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[t._v("minuteStep")]),t._v(" is used to control the step of the minute. "),a("code",{pre:!0},[t._v("delay")]),t._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),t._v(""),a("li",[a("p",[t._v("Configuration of date options")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v("],\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n onSelect(selectedTime, selectedText) {\n"),a("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(selectedTime, selectedText)\n },\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(""),a("p",[a("code",{pre:!0},[t._v("len")]),t._v(" attribute in "),a("code",{pre:!0},[t._v("day")]),t._v(" can set the length of date displayed in the first column.")]),t._v(""),a("p",[a("code",{pre:!0},[t._v("filter")]),t._v(" attribute can set the text of the date displayed in the first column.")]),t._v(""),a("p",[a("code",{pre:!0},[t._v("format")]),t._v(" attribute can set the text in "),a("code",{pre:!0},[t._v("M year d day")]),t._v(" format when the "),a("code",{pre:!0},[t._v("len")]),t._v(" is greater than the length of "),a("code",{pre:!0},[t._v("filter")]),t._v(" array.")])]),t._v(""),a("li",[a("p",[t._v("Set time manually")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(""),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n showTimePicker () {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'The day after tomorrow'")]),t._v("],\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedTime, selectedText")]),t._v(") =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected timestamp: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTime}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`selected content "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedText}")]),t._v("`")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Clicked cancel button'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),t._v(""),a("p",[a("code",{pre:!0},[t._v("timePicker")]),t._v(" instance exports "),a("code",{pre:!0},[t._v("setTime")]),t._v(" methos to set time manually with the time stamp as time format. When the time stamp is lower than current time stamp, "),a("code",{pre:!0},[t._v("timePicker")]),t._v(" displays current time by default.")])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),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("delay")]),t._v(""),a("td",[t._v("minutes that postponed backwards from now, which determines the minimal optional time")]),t._v(""),a("td",[t._v("Number")]),t._v(""),a("td",[t._v("15")])]),t._v(""),a("tr",[a("td",[t._v("day")]),t._v(""),a("td",[t._v("date configuration")]),t._v(""),a("td",[t._v("Object")]),t._v(""),a("td",[t._v("{ len: 3, filter: ['今日'], format: 'M月D日' }")])]),t._v(""),a("tr",[a("td",[t._v("showNow")]),t._v(""),a("td",[t._v("whether to display current time")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true")])]),t._v(""),a("tr",[a("td",[t._v("minuteStep")]),t._v(""),a("td",[t._v("step of the minute")]),t._v(""),a("td",[t._v("Number")]),t._v(""),a("td",[t._v("10")])]),t._v(""),a("tr",[a("td",[t._v("title")]),t._v(""),a("td",[t._v("title")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("'选择时间'")])]),t._v(""),a("tr",[a("td",[t._v("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(""),a("td",[t._v("subtitle")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("''")])]),t._v(""),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.8.1")])]),t._v(""),a("td",[t._v("the text of the cancel button")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("'取消'")])]),t._v(""),a("tr",[a("td",[t._v("confirmTxt"),a("sup",[t._v("1.8.1")])]),t._v(""),a("td",[t._v("the text of the confirm button")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("'确定'")])]),t._v(""),a("tr",[a("td",[t._v("swipeTime")]),t._v(""),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(""),a("td",[t._v("Number")]),t._v(""),a("td",[t._v("2500")])]),t._v(""),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(""),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("false")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("code",{pre:!0},[t._v("day")]),t._v(" sub configuration")])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),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("len")]),t._v(""),a("td",[t._v("date column, postpone "),a("code",{pre:!0},[t._v("len")]),t._v(" days backwards from now")]),t._v(""),a("td",[t._v("Number")]),t._v(""),a("td",[t._v("3")])]),t._v(""),a("tr",[a("td",[t._v("filter")]),t._v(""),a("td",[t._v("date column, map time to the text in filter")]),t._v(""),a("td",[t._v("Array")]),t._v(""),a("td",[t._v("['今日']")])]),t._v(""),a("tr",[a("td",[t._v("format")]),t._v(""),a("td",[t._v("format time")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("'M月D日'")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Parameters 1")]),t._v(""),a("th",[t._v("Parameters 2")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(""),a("td",[t._v("triggers when clicking the confirm button")]),t._v(""),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(""),a("td",[t._v("selectText: text of currently selected time")])]),t._v(""),a("tr",[a("td",[t._v("change")]),t._v(""),a("td",[t._v("triggers when sliding to change time-picker roller")]),t._v(""),a("td",[t._v("selectedTime: currently selected timestamp")]),t._v(""),a("td",[t._v("selectText: text of currently selected time")])]),t._v(""),a("tr",[a("td",[t._v("cancel")]),t._v(""),a("td",[t._v("triggers when clicking the cancel button")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("-")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Parameters")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("setTime")]),t._v(""),a("td",[t._v("manually set time displayed in time-picker with with the time stamp as time format")]),t._v(""),a("td",[t._v("time stamp")])]),t._v(""),a("tr",[a("td",[t._v("show")]),t._v(""),a("td",[t._v("show")]),t._v(""),a("td",[t._v("-")])]),t._v(""),a("tr",[a("td",[t._v("hide")]),t._v(""),a("td",[t._v("hide")]),t._v(""),a("td",[t._v("-")])])])])}]}}});