dm-vue3-ui/lib/multiple-filter/component/date-range.vue.js

This Components Library will help get you started developing in Vue 3.

"use strict";const e=require("ant-design-vue/es"),a=require("vue"),l=require("ant-design-vue/es/date-picker/locale/zh_CN"),t={class:"data-range-filter"},r=a.defineComponent({__name:"date-range",props:{data:{default:()=>({})}},emits:["apply"],setup(r,{emit:d}){const n=r,s=a.ref([]),o=()=>{s.value=[]},u=d,i=e=>{let l={field:n.data.field,value:e};a.nextTick((()=>{u("apply",l)}))};return(r,d)=>{const n=e.RangePicker;return a.openBlock(),a.createElementBlock("div",t,[a.createVNode(n,{locale:a.unref(l),value:s.value,"onUpdate:value":d[0]||(d[0]=e=>s.value=e),placeholder:r.data.placeholder,"value-format":"YYYY-MM-DD HH:mm:ss",onChange:i,onOpenChange:o,showTime:"",bordered:!1,ranges:r.data.ranges,disabled:r.data.disabled,style:{width:"100%"}},null,8,["locale","value","placeholder","ranges","disabled"])])}}});module.exports=r;