antd中对Datepicker的日期组件进行选择后的格式化

<DatePicker
          placeholder='Select Time'
          onChange={value => {
            // 提供中文数字
            let cnum = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖', '拾']
            function rp (n) {
              let s = ''
              n = `${n}` // 数字转为字符串
              for (let i = 0; i < n.length; i += 1) {
                s += cnum[parseInt(n.charAt(i), 10)]
              }
              if (s.length === 2) { // 两位数的时候
                // 如果个位数是0的时候,令改成十
                if (s.charAt(1) === cnum[0]) {
                  s = s.charAt(0) + cnum[10]
                  // 如果是一十改成十
                  if (s === cnum[1] + cnum[10]) {
                    s = cnum[10]
                  }
                } else if (s.charAt(0) === cnum[1]) {
                  // 如果十位数是一的话改成十
                  s = cnum[10] + s.charAt(1)
                }
              }
              return s
            }

            let str = value.format('YYYY-MM-DD')
            let arr = str.split('-') // 拆分字符串
            for (let i = 0; i < arr.length; i += 1) {
              arr[i] = rp(parseInt(arr[i], 10))
            }
            str = `${arr[0]}年${arr[1]}月${arr[2]}日`

            console.log('onOk: ', value)
            value = str // 这么解决
            this.setState({ gs: value })
          }}
          format={this.state.gs}
          // onOk={value => {
          //   console.log('onOk: ', value)
          //   value = '1123' // 这么解决
          //   this.setState({ gs: value })
          // }}
        />

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值