"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[7449],{67449:function(e,l,n){n.r(l),n.d(l,{default:function(){return _}});var t=n(20641),a=n(90033);const r=e=>((0,t.Qi)("data-v-854f958a"),e=e(),(0,t.jt)(),e),o={class:"lin-container"},d=r((()=>(0,t.Lk)("div",{class:"lin-title"},"TimePicker 时间选择器",-1))),i={class:"lin-wrap-ui"},s=r((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"固定时间点")],-1))),p={style:{"white-space":"pre-wrap"}},u=r((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"任意时间点")],-1))),c={style:{"white-space":"pre-wrap"}},m=r((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"固定时间范围")],-1))),k={style:{"white-space":"pre-wrap"}},v=r((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"任意时间范围")],-1))),b={style:{"white-space":"pre-wrap"}};function h(e,l,n,r,h,w){const f=(0,t.g2)("el-time-select"),g=(0,t.g2)("el-row"),_=(0,t.g2)("el-collapse-item"),F=(0,t.g2)("el-collapse"),L=(0,t.g2)("el-card"),V=(0,t.g2)("el-time-picker");return(0,t.uX)(),(0,t.CE)("div",o,[d,(0,t.Lk)("div",i,[(0,t.bF)(L,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[s,(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.bF)(f,{modelValue:h.value1,"onUpdate:modelValue":l[0]||(l[0]=e=>h.value1=e),"picker-options":{start:"08:30",step:"00:15",end:"18:30"},placeholder:"选择时间"},null,8,["modelValue"])])])),_:1}),(0,t.bF)(F,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",p,(0,a.v_)(h.base),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[u,(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.Lk)("template",null,[(0,t.bF)(V,{modelValue:h.value2,"onUpdate:modelValue":l[1]||(l[1]=e=>h.value2=e),"picker-options":{selectableRange:"18:30:00 - 20:30:00"},placeholder:"任意时间点"},null,8,["modelValue"]),(0,t.bF)(V,{"arrow-control":"",modelValue:h.value3,"onUpdate:modelValue":l[2]||(l[2]=e=>h.value3=e),"picker-options":{selectableRange:"18:30:00 - 20:30:00"},placeholder:"任意时间点"},null,8,["modelValue"])])])])),_:1}),(0,t.bF)(F,{class:"test",style:{color:"red"}},{default:(0,t.k6)((()=>[(0,t.bF)(_,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",c,(0,a.v_)(h.selectableRange),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[m,(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.Lk)("template",null,[(0,t.bF)(f,{placeholder:"起始时间",modelValue:h.startTime,"onUpdate:modelValue":l[3]||(l[3]=e=>h.startTime=e),"picker-options":{start:"08:30",step:"00:15",end:"18:30"}},null,8,["modelValue"]),(0,t.bF)(f,{placeholder:"结束时间",modelValue:h.endTime,"onUpdate:modelValue":l[4]||(l[4]=e=>h.endTime=e),"picker-options":{start:"08:30",step:"00:15",end:"18:30",minTime:h.startTime}},null,8,["modelValue","picker-options"])])])])),_:1}),(0,t.bF)(F,{class:"test",style:{color:"red"}},{default:(0,t.k6)((()=>[(0,t.bF)(_,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",k,(0,a.v_)(h.selectStarTime),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[v,(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",null,[(0,t.Lk)("template",null,[(0,t.bF)(V,{"is-range":"",modelValue:h.value4,"onUpdate:modelValue":l[5]||(l[5]=e=>h.value4=e),"range-separator":"至","start-placeholder":"开始时间","end-placeholder":"结束时间",placeholder:"选择时间范围"},null,8,["modelValue"]),(0,t.bF)(V,{"is-range":"","arrow-control":"",modelValue:h.value5,"onUpdate:modelValue":l[6]||(l[6]=e=>h.value5=e),"range-separator":"至","start-placeholder":"开始时间","end-placeholder":"结束时间",placeholder:"选择时间范围"},null,8,["modelValue"])])])])),_:1}),(0,t.bF)(F,{class:"test",style:{color:"red"}},{default:(0,t.k6)((()=>[(0,t.bF)(_,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",b,(0,a.v_)(h.isRange),1)])),_:1})])),_:1})])),_:1})])])}var w={name:"",components:{},data(){return{startTime:"",endTime:"",value1:"",value2:new Date(2016,9,10,18,40),value3:new Date(2016,9,10,18,40),value4:[new Date(2016,9,10,8,40),new Date(2016,9,10,9,40)],value5:[new Date(2016,9,10,8,40),new Date(2016,9,10,9,40)],base:"\n <el-time-select\n v-model=\"value1\"\n :picker-options=\"{\n start: '08:30',\n step: '00:15',\n end: '18:30'\n }\"\n placeholder=\"选择时间\">\n </el-time-select>\n\n <script>\n export default {\n data() {\n return {\n value1: ''\n };\n }\n }\n /script>",selectableRange:'\n <template>\n <el-time-picker\n v-model="value2"\n :picker-options="{\n selectableRange: \'18:30:00 - 20:30:00\'\n }"\n placeholder="任意时间点">\n </el-time-picker>\n <el-time-picker\n arrow-control\n v-model="value3"\n :picker-options="{\n selectableRange: \'18:30:00 - 20:30:00\'\n }"\n placeholder="任意时间点">\n </el-time-picker>\n </template>\n\n <script>\n export default {\n data() {\n return {\n value2: new Date(2016, 9, 10, 18, 40),\n value3: new Date(2016, 9, 10, 18, 40)\n };\n }\n }\n <\/script>',selectStarTime:"\n <template>\n <el-time-select\n placeholder=\"起始时间\"\n v-model=\"startTime\"\n :picker-options=\"{\n start: '08:30',\n step: '00:15',\n end: '18:30'\n }\">\n </el-time-select>\n <el-time-select\n placeholder=\"结束时间\"\n v-model=\"endTime\"\n :picker-options=\"{\n start: '08:30',\n step: '00:15',\n end: '18:30',\n minTime: startTime\n }\">\n </el-time-select>\n </template>\n\n <script>\n export default {\n data() {\n return {\n startTime: '',\n endTime: ''\n };\n }\n }\n <\/script>",isRange:'\n <template>\n <el-time-picker\n is-range\n v-model="value4"\n range-separator="至"\n start-placeholder="开始时间"\n end-placeholder="结束时间"\n placeholder="选择时间范围">\n </el-time-picker>\n <el-time-picker\n is-range\n arrow-control\n v-model="value5"\n range-separator="至"\n start-placeholder="开始时间"\n end-placeholder="结束时间"\n placeholder="选择时间范围">\n </el-time-picker>\n </template>\n\n <script>\n export default {\n data() {\n return {\n value4: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],\n value5: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]\n };\n }\n }\n <\/script>'}},computed:{},watch:{},mounted(){this.init()},methods:{init(){}}},f=n(66262);const g=(0,f.A)(w,[["render",h],["__scopeId","data-v-854f958a"]]);var _=g}}]);
|
