Ant Design DatePicker date selection box width problem

problem description

DatePicker date selection box setting width style is invalid

the environmental background of the problems and what methods you have tried

this can be achieved by adding style= "width: 100%" to the generated code < span class= "ant-." >. But this is the generated

related codes

/ / Please paste the code text below (do not replace the code with pictures)

<nz-form-item>
    <nz-form-label nzRequired>{{l("Birthday")}}</nz-form-label>
        <nz-form-control>
            <nz-date-picker style="width: 100%" [(ngModel)]="birthday" [ngModelOptions]="{standalone: true}"
              [nzDisabledDate]="disabledDate"></nz-date-picker>
    </nz-form-control>
</nz-form-item>

what result do you expect? What is the error message actually seen?

the width of the date selection box can take effect with my settings

Antd

Nov.16,2021

has it been solved? Ask

use the min-width attribute of style, for example:

style="min-width: 45%;"

Previous: How does pandas convert the df of figure 1 to the df of figure 2

Next: The current-page.sync event in element-ui highlights the wrong page number?

Can an array in react state be bound to a dom state using an element in the array?
setting in state: this.state = {checkList: []}; checkList initializes it with an array of the same length as JsonPage: this.setState ({checkList:checkSaveCount}); checkSavaCount is the same length as the following JsonPage. the following creates...

Create-react-app antdesign react.js

Feb.26,2021
How to cancel the page change or refresh of react Antd Design table checkbox
use the Table component of Antd Design, first check out the data, and then select a CheckBox, but when you change pages, that CheckBox will not disappear. For example, when I select the first line on the first page, and then skip to the second page, the ...

Antdesign react.js javascript

Feb.26,2021
Antd iconfont localization failed, do you have any success? Ask for guidance [premise: use parceljs]
tried all three methods: ...

Antdesign antd

Feb.26,2021
How to get the name of input by embedding input in ant design table
...

Antdesign antd react.js

Feb.26,2021
How to add links to the extra property of the List component of react ant desogn mobile?
Item in Ali s antd-mobile List component has an extra attribute, which can only be put in text, but my text requires a link, as shown in the following figure, how to achieve it? { this.props.list.map((item, index) => { ...

Antd-mobile List

Feb.26,2021
React Daily questions the use of, antd select components
official example of full copy: this is the official sample code: import { Select } from antd ; const Option = Select.Option; function handleChange(value) { console.log(`selected ${value}`); } ReactDOM.render( <div> <Select defaul...

Antdesign react.js

Feb.26,2021
The option of select cannot be rendered by callback.
use list as the option data source for Select, but use callback, which cannot be rendered. Just call it directly, as shown in the figure below. The first method is fine, and the second is not. Because there are many Select, on a page, you need to use th...

React.js antdesign

Feb.26,2021
How to indicate an error in loop traversal in the react method
I define an array in js. does anyone know, thank you ...

Antd react.js

Feb.27,2021
Antd uses complex dynamic forms. Times error.
The structure of the data is like this, and you need to use this to generate a form like this { name: , groups: [ { groupName: , state: 1, 1 0 isOpen: 1, 1 0 ...

React.js antdesign antd

Feb.27,2021
How to use queues in JS or react?
axios.post ( api php user findPsw.json ,params). Then ((res) = > {) var jsonObj = JSON.stringify(res.data) var jsonTemp="[{" var checkPsw = jsonObj.substring(jsonObj.indexOf("password")+11,jsonObj.indexOf(...

Antdesign create-react-app react.js

Feb.27,2021
When I changed the antd version, I mistakenly reported 'Divider' is not defined.
Test antd document Form in the demo code const {getFieldDecorator} = this.props.form; reported an error, found that their antd version is too low, so npm install antd@beta-save installed the latest version of antd, but my project Divider reported that th...

Create-react-app antdesign react.js

Feb.27,2021
How does ant-design-pro get permission information asynchronously from the background?
the initial permissions in ant-design-pro are obtained from Synchronize in localstorage (. src utils authority.js). The permission information obtained is used to determine the jump of the page (whether to jump to the login page). I want to obtain perm...

React.js antd

Feb.28,2021
When using antd+react, if the value of setState is a deep copy, it will render immediately, otherwise it will not.
when looking at the official instance of antd, if you see that the value of the setState method is a first-level deep copy of the original state, it will render immediately (I don t know if it means a deep copy here) see the asynchronous loading inst...

React.js antd

Feb.28,2021
About the problem of Select selector antd
thousands of pieces of data returned by the background interface are put in the Select. Users select a certain piece of data and find it very stuttered. Is there any way to solve it ? this is the official demo of antd const { Select } = antd; const Op...

React.js antd antdesign

Feb.28,2021
Click the button in the react parent component, and the child component passes data to it.
question: the antd, used defines a model component and a form component. The form component is a child component of the model component. In the parent component app, use the component model, to get the form data of the child component when you want t...

React.js antd

Feb.28,2021
Does the official website of ant.design seem to be GG?
https: ant.design can anyone open it? Several of my colleagues said that I could not open ....

React.js antd javascript

Feb.28,2021
How to cross-verify dates before and after ant-design Form
The form has a start and end date, which requires context. How can it be cross-validated? the problem I encountered is: step1: first set the start date to 3br 23 step2: sets the end as scheduled to 3x21, the end date component verification prompt "c...

Datepicker antd antdesign

Feb.28,2021
The novice asks whether the settings in state in react can be added in a non-manual way.
:this.state={key1:value1,key2:value2}, :this.state={key1:value1,key2:value2,key3:value3} statekey3:value3, this.statepush(),this.state.push(key3,value3) this.state={key1:value1,key2:value2,key3:value3} this.statepush() this.state ...

Create-react-app antdesign react.js

Feb.28,2021
Multiple selection of ant design drop-down box has no effect
use the drop-down box of React s ant design, and ask for help on how to solve the problem according to the fact that there is no multiple selection in the doc, on the official website. <Select multiple showSearch onSelect={(val,e) =&g...

Antdesign react.js javascript

Feb.28,2021
With regard to the problem of ant design Pro, the search list on table will have the problem of misplacement and incomplete display.
there is no problem with the local configuration of ant design pro,. The search items in tablelist are often misplaced, and the drop-down items are not fully displayed. It will be fine after refreshing. If you enter the page for the first time, there wil...

Antdesign

Feb.28,2021