EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on August 23, 2018, 04:31:27 AM

Title: change datebox component with style layout error
Post by: fengdie on August 23, 2018, 04:31:27 AM

<DateBox v-model="date" style="width:120px;"></DateBox>
see attachment

Title: Re: change datebox component with style layout error
Post by: jarry on August 23, 2018, 05:31:53 AM

Set the 'panelStyle' property to a bigger size.

Code:

<DateBox :panelStyle="{width:'250px',height:'250px'}" style="width:120px"></DateBox>

Title: Re: change datebox component with style layout error
Post by: fengdie on August 23, 2018, 07:21:51 PM

i recommend,datebox component 'props' define 'panelStyle' default value。

Code:

        panelStyle: {
            type: Object,
            default: () => {return {height:'250px',width:'250px'}}
        }