JavaScript - Date()日期对象 - 笔记
基本使用方法
创建Date()对象
概念
概念： Date 对象用于处理日期与时间
(1) 创建对象的方法如下：
var d = new Date();
var d = new Date(milliseconds);//秒数
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
(2) 具体可以如下:
new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);
词条解释：
| 词条 | 描述 |
|---|---|
| month | 采用英文的月份表示，从January到December |
| mth | 用整数来表示月份（从 0-11） |
| dd | 表示日期 |
| yyyy | 年份 |
| hh | 时 |
| mm | 分 |
| ss | 秒 |
举例
//获取当下的日期
var date = new Date();
// 词条表示
var date = new Date('January 31,2022 23:59:59');
var date = new Date('January 31,2022');
var date = new Date(2022,0,31,23,59,59); //1月
var date = new Date(2022,0,31);
常用Date对象方法
返回具体时间的字段
| 方法 | 描述 |
|---|---|
| getFullYear() | 返回年份 |
| getMonth() | 返回月份（从 0-11） |
| getDate() | 返回月中的第几天（从 1 到 31） |
| getDay() | 返回星期几（0-6） |
| getHours() | 返回小时（从 0-23） |
| getMinutes() | 返回分钟（从 0-59） |
| getSeconds() | 返回秒数（从 0-59） |
| getTime() | 返回自 1970 年 1 月 1 日午夜以来与指定日期的毫秒数 |
举例
var date = new Date();
// 获取年月日
var year = date.getFullYear();
var month = date.getMonth() + 1; //月份需要 + 1
var day = date.getDate();
Date日期格式和字符串的相互转化
将 Date 对象转换为字符串
| 语法 | 描述 |
|---|---|
| Date.toString() | 将 Date 对象转换为字符串 |
| toDateString() | 把 Date 对象的日期部分转换为字符串 |
| toTimeString() | 把 Date 对象的时间部分转换为字符串 |
举例：
var date = new Date();
date.toString(); // 'Sat Jan 29 2022 16:37:31 GMT+0800 (中国标准时间)'
date.toDateString(); // 'Sat Jan 29 2022'
date.toTimeString(); // '16:37:31 GMT+0800 (中国标准时间)'
进阶
| 语法 | 描述 |
|---|---|
| toISOString() | 使用 ISO 标准返回 Date 对象的字符串格式 |
| toLocaleString() | 根据本地时间把 Date 对象转换为字符串 |
| toLocaleTimeString() | 根据本地时间把 Date 对象的时间部分转换为字符串 |
| toLocaleDateString() | 根据本地时间把 Date 对象的日期部分转换为字符串 |
举例：
var date=new Date();
date.toISOString(); // '2022-01-29T08:45:33.720Z'
date.toLocaleString(); // '2022/1/29 下午4:45:33'
date.toLocaleTimeString(); // '下午4:45:33'
date.toLocaleDateString(); // '2022/1/29'
温馨提示:获取某个需求时间可以将字符串截取。
将字符串转换为日期对象
根据日期
语法：new Date(dateString)
举例：
new Date(' 2022/1/31 '); // Mon Jan 31 2022 00:00:00 GMT+0800 (中国标准时间)
new Date(' 2022-1-31 '); // Mon Jan 31 2022 00:00:00 GMT+0800 (中国标准时间)
new Date(' 2022 1 31 '); // Mon Jan 31 2022 00:00:00 GMT+0800 (中国标准时间)
根据日期和时间
new Date(' 2022/01/31 23:59:59 ') // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
比较两个日期的大小
getTime()函数比较
1.定义：getTime() 方法返回从 1970 年 1 月 1 日午夜到指定日期之间的毫秒数。
2.语法：
Date.getTime()
3.参数：无参数
4.实例：
//注意：比较时间时先把字符串转换成日期对象
var previousDate = new Date('2022-1-31');
var laterDate = new Date('2022-2-1');
var previousTime = previousDate.getTime();
var laterTime = laterDate.getTime();
if( laterTime - previousTime > 0 ) {
console.log("后者时间比前者大!");
}
根据日期对象直接比较
var previousDate = new Date('2022-1-31');
var laterDate = new Date('2022-2-1');
//若 laterDate - previousDate >0 返回true，否则返回false
if( laterDate - previousDate > 0 ) {
console.log("后者时间比前者大!");
}
比较字符串
直接比较字符串大小
在 JavaScript 中，可以直接使用 >、<、== 来比较两个字符串的大小，就像比较两个数字一样。
var previousStr = '2022-1-31';
var laterStr = '2022-2-1';
//若 laterStr > previousStr 则返回true,否则返回false
if( laterStr > previousStr ) {
console.log("后者时间比前者大!");
}
使用 localeCompare() 方法
1.定义：用本地特定的顺序来比较两个字符串。
2.语法：
stringObject.localeCompare(target)
| 参数 | 描述 |
|---|---|
| target | 要以本地特定的顺序与 stringObject 进行比较的字符串 |
| 返回值： |
- stringObject 小于 target，返回小于 0 的数
- stringObject 大于 target，返回大于 0 的数
- 如果两个字符串相等，返回 0
bootstrap-datepicker日期控件
地址
中文文档地址：https://www.itxst.com/bootstrap-datepicker/tutorial.html