如何将文本而不是日期显示为窗体控件的占位符?
<Form.Control type="date" placeholder="Select date" />
结果是:
预期结果:
正在使用:https://react-bootstrap.github.io/forms/form-control/
v7pvogib1#
import React, { useState } from "react"; import Container from "react-bootstrap/Container"; import Form from "react-bootstrap/Form"; import "./App.css"; const App = () => { const [inputType, setInputType] = useState("text"); return ( <Container className="p-3"> <Form> <Form.Control type={inputType} placeholder="Select date" onFocus={() => setInputType("date")} onBlur={() => setInputType("text")} /> </Form> </Container> ); }; export default App;
https://codesandbox.io/s/react-bootstrap-input-type-date-placeholder-st87v0?file=/src/App.js
1条答案
按热度按时间v7pvogib1#
https://codesandbox.io/s/react-bootstrap-input-type-date-placeholder-st87v0?file=/src/App.js