正则判断输入是否是时间格式，并自动优化返回

Michael_Cheng_09

已于 2023-03-03 09:22:12 修改

阅读量153

点赞数

文章标签： javascript 前端 vue.js

于 2023-02-02 00:08:38 首次发布

原文链接：https://blog.csdn.net/PurineKing/article/details/106946055

版权

文章提供了两个JavaScript函数，用于检查和格式化日期及日期时间输入。isDate函数验证YYYY-MM-DD格式的日期，isDateTime函数验证YYYY-MM-DDHH:MM:SS格式的日期时间。这两个函数使用正则表达式进行初步检查，然后通过Date对象处理和格式化。此外，还展示了如何在AntDesign表单中使用这些函数进行输入验证。

摘要由CSDN通过智能技术生成

/**
* 一位数前加0 例:2 -> 02
*/
const set2len = (str) => {
  if (!isNaN(str)) {
    str += '';
  }
  return str.length == 1 ? '0' + str : str;
};

/**
* 日期格式 例: 2019-09-12
*/
const isDate = (str) => {
  if (!str) {
    return false;
  }
  var res = str.match(/^(\d{4})(-)(\d{1,2})\2(\d{1,2})$/);
  if (res == null) {
    return false;
  }
  var d = new Date(res[1], Number(res[3]) - 1, res[4]);
  return d.getFullYear() + '-' + set2len(d.getMonth() + 1) + '-' + set2len(d.getDate());
};

console.log(isDate("2019-09-12"));
//2019-09-12

console.log(isDate("2019-09-1"));
//2019-09-01

console.log(isDate("2019-9-12"));
//2019-09-12

console.log(isDate("2019-9-120"));
//false

console.log(isDate("1019-009-12"));
//false

console.log(isDate("1019--12"));
//false

console.log(isDate("1019-12"));
//false

console.log(isDate("1019912"));
//false

/**
* 日期格式 例: 2019-09-12 09:42:01
*/
function isDateTime(str) {
	if (!str) {
		return false;
	}

	var res = str.match(/^(\d{4})(-)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
	if (res == null) {
		return false;
	}

	var d = new Date(res[1], Number(res[3])-1, res[4], res[5], res[6], res[7]);

	return d.getFullYear() + '-' 
	+ set2len(d.getMonth() + 1) + '-' 
	+ set2len(d.getDate()) + ' ' + 
	+ set2len(d.getHours()) + ':' + 
	+ set2len(d.getMinutes()) + ':' + 
	+ set2len(d.getSeconds());
}

console.log(isDateTime("2019-09-12 23:59:59"));
//2019-09-12 23:59:59

console.log(isDateTime("2019-09-1 55:3:5"));
//2019-09-03 07:03:05

console.log(isDateTime("2019-9-12 55"));
//false

antd 要求输入框输入时间

// 正则判断输入是否是时间格式，并自动优化返回
export const isDate = (str) => {
  if (!str) {
    return false;
  }
  var res = str.match(/^(\d{4})(-)(\d{1,2})\2(\d{1,2})$/);
  if (res == null) {
    return false;
  }
  var d = new Date(res[1], Number(res[3]) - 1, res[4]);
  return d.getFullYear() + '-' + set2len(d.getMonth() + 1) + '-' + set2len(d.getDate());
};

const validateDate = (_, value) => {
    if (!value) {
      return Promise.reject('请输入发布日期');
    } else if (!isDate(value)) {
      return Promise.reject('请输入正确的日期格式');
    } else {
      coverForm.setFieldValue(_.field, isDate(value));
      return Promise.resolve();
    }
  };


<Item
   label="发布日期"
   name="publishDate"
   validateTrigger={['onBlur']}
   rules={[{ validator: validateDate }]}
>
   <Input placeholder="请输入发布日期" onChange={handleChange} />
</Item>