zoukankan      html  css  js  c++  java
  • iview日期插件的时间格式转换

     import { parseTime } from '@/libs/tools'
    <FormItem label="登记时间:">
                  <DatePicker type="datetimerange" @on-change="timeChange" v-model="time" placeholder="请选择" style=" 300px"></DatePicker>
                </FormItem>
     
     
     timeChange () {
          if (this.time.length && this.time[0] && this.time[1]) {
            this.formInline.startDate = parseTime(this.time[0]);
            this.formInline.endDate = parseTime(this.time[1]);
          } else {
            this.formInline.startDate = '';
            this.formInline.endDate = '';
          }
        },
     
     
     
    tools.js
     
    /**
     * @param {Number} time 字符串的时间或者对象的字段
     * @param {Number} cFormat 返回的格式
     */
    export const parseTime = (time, cFormat) => {
      if (arguments.length === 0) {
        return null
      }
      const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
      let date
      if (typeof time === 'object') {
        date = time
      } else {
        if (('' + time).length === 10) time = parseInt(time) * 1000
        date = new Date(time)
      }
      const formatObj = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
        a: date.getDay()
      }
      const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
        let value = formatObj[key]
        if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
        if (result.length > 0 && value < 10) {
          value = '0' + value
        }
        return value || 0
      })
      return time_str
    }
  • 相关阅读:
    火狐浏览器推荐插件原创
    vue转义字符转换成普通字符
    vue中关于插槽的使用
    vue调取摄像头的方法(可以直接使用)
    vue调用andriod方法
    vue中格式化时间戳(可直接使用)
    vue关于$router的使用
    轻松了解Spring中的控制反转和依赖注入(二)
    更加优雅地配置Spring Securiy(使用Java配置和注解)
    更加优雅地搭建SSH框架(使用java配置)
  • 原文地址:https://www.cnblogs.com/wssdx/p/11660181.html
Copyright © 2011-2022 走看看