ElementUI el-time-picker DatePicker 日期选择器 显示到分钟不显示秒 24小时制 选择三天内日期 结束日期大于开始日期 时间字符串比较大小

 显示到分钟不显示秒

<el-date-picker type="datetime" :placeholder="new Date('ch',{hour12:false}).toLocaleString()" value-format="yyyy-MM-dd HH:mm" 
format="yyyy-MM-dd HH:mm" v-model="searchData.timeStart" @change="changeData" style="width: 100%"></el-date-picker>

HH 是 24 小时制, hh 是 12 小时制,HH:mm只显示小时和分钟。

format 是显示时的时间格式 ,即下面的图片效果

value-format 是传给后端的时间格式

js如何将new Date()转化为本地时间 yyyy-MM-dd HH:mm:ss格式?

    dateFormat (time) {
      let date = new Date(time + 8 * 3600000)
      let str = date.toISOString().replace('T', ' ')
      return str.substr(0, str.lastIndexOf('.'))
    }
    this.dateFormat(Date.now())

调用上面的函数 转化为本地时间 yyyy-MM-dd 格式? 

    /**
     * @function 获取当天日期 yyyy-MM-dd格式
     */
    dateInitFormat() {
      const date = this.dateFormat(Date.now())
      const str = date.substring(0, 10)
      return str
    },

选择三天内日期(今天,明天,后天)

 data的return 中:      
    pickerOptions: {
        disabledDate (time) {
          let _now = Date.now() + 8.64e7 * 3
          let three = 3 * 8.64e7
          let threeDays = _now - three
          // 今天,明天后天之后的禁用,今天之前禁用
          return time.getTime() > _now - 8.64e7 || time.getTime() < threeDays - 8.64e7
        }
      }

 

对出生日期进行限制(只能选择当天以前的日期)

获取今天日期

let nowDay = new Date().toLocaleDateString().split('/').join('-')
// 将1970/08/08转化成1970-08-08
template中:
<el-date-picker v-model="addForm.birthDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerBeginDateBefore" style="width: 100%"></el-date-picker>

data中:
data(){
    return {
      // 出生日期限制
      pickerBeginDateBefore: {
        disabledDate (time) {
          return time.getTime() > Date.now() - 8.64e7 
           //(带 - 8.64e7
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值