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

最新推荐文章于 2025-06-30 11:11:29 发布

Akatsuki233

最新推荐文章于 2025-06-30 11:11:29 发布

阅读量1.3w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： element-ui js

本文链接：https://blog.youkuaiyun.com/Akatsuki233/article/details/90477397

显示到分钟不显示秒

<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