IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 时间对象的来回转换 -> 正文阅读

[JavaScript知识库]时间对象的来回转换

1:时间对象,字符串相互转换

时间对象转为字符串:

data.format(YYYY-MM-DD HH:mm:ss”)

字符串转为时间对象:

moment(data,YYYY-MM-DD HH:mm:ss”)

**

2.antd-V 使用日期下拉列表,

**
默认下拉列表是日期年月日,产品想要年月日,时分秒
我们只需添加api:

showTime

要是产品需要年月日,时分 ,则改写为

:showTime="{format:'HH:mm'}"

**

3结束日期不早于开始日期,并且不多于开始日期31天

**

 <a-date-picker
                placeholder="请选择结束日期"
                format="YYYY-MM-DD"
    
                :disabled-date="disabledDate"
                
                v-model="queryParam.mealDate_end"
              />
methods:{
disabledDate(current) {
      const startValue = this.queryParam.mealDate_begin(开始日期)
      if (!startValue) {
        return current > moment().add(1, 'days')
      }
      return (
        current > moment(this.queryParam.mealDate_begin).add(31, 'days') ||
        (current && current < moment(this.queryParam.mealDate_begin).subtract(0, 'days').startOf('day'))
      )
    },
}

**

4:日期选择3个月(包含本月)之内的的天数

**

     <a-date-picker
                placeholder="请选择开始日期"
                format="YYYY-MM-DD"
                v-model="queryParam.mealDate_begin"

                :disabled-date="disabledDateBegin"
              />
   	methods:{
   	 disabledDateBegin(current) {
      var date1 = new Date()
      var date2 = new Date(date1)
      var num  = date2.getDate()
      console.log(num)
      //当前月份为1月
      if(date2.getMonth()== 0){
          num =  num + 61
      }  else if(date2.getMonth()== 1){
        //当前月份为2月
        num = num + 62
      } else{
         var datearr = []
         datearr.push(date2.getMonth(),date2.getMonth()-1)
          datearr.forEach(el=>{
            if(el == 1 || 3 || 5 || 7 || 8  || 10 || 12){
              num = num +31
            } else if(el == 4 || 6 || 9 || 11){
              num = num +30
            } else{
               num = num +28
            }
          })
      }
      date2.setDate(date1.getDate() - num)
    console.log(num)
      if (!this.Cexsboolan) {
        return current < date2
      }
    },
   	}
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-22 20:29:58  更:2022-02-22 20:31:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:49:48-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码