antd的DatePicker日期选择框实现日期的回显与改变

• 前端
  • 核心就是让DatePicker的value属性的值变为受控
  • 但是有一个缺点，必须要给一个默认时间(我这里用的当前时间)

代码如下

import React, { useState } from 'react'
import moment from 'moment' // 引入moment.js
import { DatePicker, Button } from 'antd'

export default function Aaa() {
// 获取当前时间的方法
  let getNowFormatDate = () => {
    //获取当前时间
    let date = new Date()
    let seperator1 = '-' //年月日之间的分隔
    let seperator2 = ':' //时分秒之间的分隔
    let month =
      date.getMonth() + 1 < 10
        ? '0' + (date.getMonth() + 1)
        : date.getMonth() + 1
    let strDate = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
    let strHours =
      date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
    let strMinutes =
      date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
    let strSeconds =
      date.getSeconds()  {
    setTime('2023-01-01 18:00:00')
  }
  const getTime = (_, time) => {
    setTime(time)
  }

  return (
    
      
      
    
  )
}

效果如下

antd的DatePicker日期选择框实现日期的回显与改变

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/566d56fa13.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐