antd TimePicker点击不弹出时间面板，双击弹出

hahahahalll

已于 2022-03-30 17:04:35 修改

阅读量1.7k

点赞数

分类专栏： antd react 文章标签： react.js

于 2022-03-30 16:35:17 首次发布

本文链接：https://blog.csdn.net/hahahahalll/article/details/123849923

版权

import React, { useState } from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { TimePicker } from "antd";
const Demo = () => {
  const [value, setValue] = useState(null);
  const [open, setOpen] = useState(false);
  const onChange = (time) => {
    setValue(time);
  };
  const onDoubleClick = () => {
    setOpen(true);
  };
  const onClick = (e) => {
    // console.log("e", e.target, e.target.className, e.target.placeholder);
    if (
      e.target.className.includes("dddd") ||
      e.target.className.includes("ant-picker-input") ||
      (e.target?.placeholder && e.target?.placeholder.includes("Select time"))
    ) {
      setOpen(false);
    }
  };
  return (
    <div>
      {open ? "true" + value : "false" + value}
      <div onClick={(e) => o