UNPKG

@lumingqing/timedatepicker

Version:

时间选择器二次封装,日期选择器设置开始时间不能大于结束时间

2 lines 7.56 kB
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["TimeDatePicker"]=t():e["TimeDatePicker"]=t()})("undefined"!==typeof self?self:this,(function(){return function(){"use strict";var e={};!function(){e.d=function(t,i){for(var a in i)e.o(i,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:i[a]})}}(),function(){e.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){e.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){e.p=""}();var t={};if(e.r(t),e.d(t,{default:function(){return f}}),"undefined"!==typeof window){var i=window.document.currentScript,a=i&&i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(e.p=a[1])}var n=function(){var e=this,t=e._self._c;return t("div",{staticStyle:{display:"inline-block"}},[e.needForm?t("el-form-item",{staticClass:"date-select",attrs:{"label-width":e.labelWidth,label:e.label,prop:e.redStart}},[t("div",{staticClass:"i-block",style:{width:e.innerWidth.includes("%")?e.innerWidth:e.innerWidth+"px"}},[t("el-col",{staticStyle:{padding:"0px !important"},attrs:{span:11}},[t("el-form-item",{staticClass:"start",attrs:{prop:e.startProp}},[t("el-date-picker",{staticStyle:{width:"100%"},attrs:{size:e.size,type:"datetime","picker-options":{disabledDate:t=>e.dataTime.startTimeData(t),selectableRange:this.startTimeRange},"value-format":"yyyy-MM-dd HH:mm:ss",format:"yyyy-MM-dd HH:mm:ss",placeholder:"开始时间",disabled:e.disabled},on:{change:e.startTimeChange},model:{value:e.startTime,callback:function(t){e.startTime=t},expression:"startTime"}})],1)],1),t("el-col",{staticStyle:{"text-align":"center",padding:"0px"},attrs:{span:2}},[e._v(" "+e._s(e.center)+" ")]),t("el-col",{staticStyle:{padding:"0px !important"},attrs:{span:11}},[t("el-form-item",{staticClass:"end",attrs:{prop:e.endProp}},[t("el-date-picker",{staticStyle:{width:"100%"},attrs:{"default-time":"23:59:59",size:e.size,type:"datetime","picker-options":{disabledDate:t=>e.dataTime.endTimeData(t),selectableRange:this.endTimeRange},"value-format":"yyyy-MM-dd HH:mm:ss",format:"yyyy-MM-dd HH:mm:ss",placeholder:"结束时间",disabled:e.disabled},on:{change:e.endTimeChange},model:{value:e.endTime,callback:function(t){e.endTime=t},expression:"endTime"}})],1)],1)],1)]):t("div",{staticClass:"el-date-picker-wrap"},[t("el-col",{staticStyle:{padding:"0px !important"},attrs:{span:11}},[t("el-date-picker",{staticStyle:{width:"100%"},attrs:{size:e.size,type:"datetime","picker-options":{disabledDate:t=>e.dataTime.startTimeData(t),selectableRange:this.startTimeRange},"value-format":"yyyy-MM-dd HH:mm:ss",format:"yyyy-MM-dd HH:mm:ss",placeholder:"开始时间",disabled:e.disabled},on:{change:e.startTimeChange},model:{value:e.startTime,callback:function(t){e.startTime=t},expression:"startTime"}})],1),t("el-col",{staticStyle:{"text-align":"center",padding:"0"},attrs:{span:2}},[e._v(" "+e._s(e.center)+" ")]),t("el-col",{staticStyle:{padding:"0px !important"},attrs:{span:11}},[t("el-date-picker",{staticStyle:{width:"100%"},attrs:{"default-time":"23:59:59",size:e.size,type:"datetime","picker-options":{disabledDate:t=>e.dataTime.endTimeData(t),selectableRange:this.endTimeRange},"value-format":"yyyy-MM-dd HH:mm:ss",format:"yyyy-MM-dd HH:mm:ss",placeholder:"结束时间",disabled:e.disabled},on:{change:e.endTimeChange},model:{value:e.endTime,callback:function(t){e.endTime=t},expression:"endTime"}})],1)],1)],1)},s=[];const r=(e,t)=>new Date(e).toDateString()===new Date(t).toDateString(),d=(e,t)=>(e=new Date(e),t=new Date(t),e.getTime()-t.getTime()<0?"towBig":"oneBig");var o={name:"TimeDatePicker",props:{needForm:{type:Boolean,default:!0},label:{type:String,default:""},startDate:{type:String},endDate:{type:String},size:{type:String,default:"large"},crossBarWidth:{type:String,default:"10"},center:{type:String,default:"-"},labelWidth:{type:String,default:"100px"},startProp:{type:String,default:""},endProp:{type:String,default:""},redStart:{type:String,default:""},innerWidth:{type:[Number,String],default:420},disabled:{type:Boolean,default:!1},notChooseBeforeTodayTime:{type:Boolean,default:!1}},data(){return{endDefaultValue:"23:59:59",startTime:"",endTime:"",startTimeRange:null,endTimeRange:null,dataTime:{startTimeData:e=>!!this.endTime&&e.getTime()>new Date(this.endTime).getTime(),endTimeData:e=>this.notChooseBeforeTodayTime?"towBig"===d(new Date,this.startTime)?e.getTime()<=new Date(this.startTime).getTime()-864e5:e.getTime()<new Date((new Date).setHours(0,0,0,0)):this.startTime?e.getTime()<=new Date(this.startTime).getTime()-864e5:void 0}}},computed:{},watch:{startDate:{handler(e){this.startTime=e},immediate:!0},endDate:{handler(e){this.endTime=e},immediate:!0},startTime:{handler(e){if(e&&this.endTime&&r(e,this.endTime))this.startTimeRange="00:00:00 - "+this.getHourChange(this.endTime)+":"+this.getMinutesChange(this.endTime)+":"+this.getSecondChange(this.endTime);else if(this.startTimeRange="00:00:00 - 23:59:59",this.notChooseBeforeTodayTime){const e=new Date;this.endTimeRange=this.getHourChange(e)+":"+this.getMinutesChange(e)+":"+this.getSecondChange(e)+" - 23:59:59"}else this.endTimeRange="00:00:00 - 23:59:59";this.$emit("update:startDate",e)},deep:!0},endTime:{handler(e){if(e&&this.startTime&&r(e,this.startTime)){const e=new Date;"towBig"===d(e,this.startTime)?this.endTimeRange=this.getHourChange(this.startTime)+":"+this.getMinutesChange(this.startTime)+":"+this.getSecondChange(this.startTime)+" - 23:59:59":this.endTimeRange=this.getHourChange(e)+":"+this.getMinutesChange(e)+":"+this.getSecondChange(e)+" - 23:59:59"}else{if(this.notChooseBeforeTodayTime){const e=new Date;this.endTimeRange=this.getHourChange(e)+":"+this.getMinutesChange(e)+":"+this.getSecondChange(e)+" - 23:59:59"}else this.endTimeRange="00:00:00 - 23:59:59";this.startTimeRange="00:00:00 - 23:59:59"}if(e&&"00:00:00"===e.substring(e.indexOf(" ")+1)){const t=`${e.substring(0,10)} 23:59:59`;this.$emit("update:endDate",t)}else this.$emit("update:endDate",e)},deep:!0}},methods:{startTimeChange(e){},endTimeChange(e){},getHourChange(e){let t=new Date(Date.parse(e));return t.getHours()<10?"0"+t.getHours():t.getHours()},getMinutesChange(e){let t=new Date(Date.parse(e));return t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes()},getSecondChange(e){let t=new Date(Date.parse(e));return t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds()}}},l=o;function m(e,t,i,a,n,s,r,d){var o,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=i,l._compiled=!0),a&&(l.functional=!0),s&&(l._scopeId="data-v-"+s),r?(o=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=o):n&&(o=d?function(){n.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:n),o)if(l.functional){l._injectStyles=o;var m=l.render;l.render=function(e,t){return o.call(t),m(e,t)}}else{var c=l.beforeCreate;l.beforeCreate=c?[].concat(c,o):[o]}return{exports:e,options:l}}var c=m(l,n,s,!1,null,"32b9ac90",null),h=c.exports;const p=[h],g=function(e){p.forEach((t=>{e.component(t.name,t)}))};"undefined"!==typeof window&&window.Vue&&g(window.Vue);var u={install:g},f=u;return t}()})); //# sourceMappingURL=TimeDatePicker.umd.min.js.map