__defineGetter__和__defineSetter__在日期中的应用
2024-10-08 02:23:41
日期函数每次取年月日都要调用Date的函数，有点麻烦，通过__defineGetter__可以处理一下，就能通过Date的实例对象直接获取年月日，例如 date.year获取日期对象date的年份。月份因为与正常月份差一个月，可以通过函数自动校正一下，使用起来就更符合习惯了。很多时候我们需要显示一个日期、时间或者日期时间，就可以通过__defineGetter__处理好之后，直接返回对应的数据。
let { log } = console;
Date.prototype.__defineGetter__('year', function() {return this.getFullYear();});
Date.prototype.__defineSetter__('year', function(y) {this.setFullYear(y)});
Date.prototype.__defineGetter__('month', function() {return this.getMonth() + 1;});
Date.prototype.__defineSetter__('month', function(m) {this.setMonth(m-1)});
Date.prototype.__defineGetter__('day', function() {return this.getDate();});
Date.prototype.__defineSetter__('day', function(d) {this.setDate(d)});
Date.prototype.__defineGetter__('hour', function() {return this.getHours();});
Date.prototype.__defineSetter__('hour', function(h) {this.setHours(h)});
Date.prototype.__defineGetter__('minute', function() {return this.getMinutes();});
Date.prototype.__defineSetter__('minute', function(m) {this.setMinutes(m)});
Date.prototype.__defineGetter__('seconds', function() {return this.getSeconds();});
Date.prototype.__defineSetter__('seconds', function(s) {this.setSeconds(s)});
Date.prototype.__defineGetter__("date", function (){return `${this.year}-${(this.month.dbl())}-${this.day.dbl()}`});
Date.prototype.__defineGetter__("time", function (){return `${this.hour.dbl()}:${this.minute.dbl()}:${this.seconds.dbl()}`});
Date.prototype.__defineGetter__("datetime", function (){return `${this.date} ${this.time}`});
// 将数字转换成2位的字符串，不足两位的在前面补0
Number.prototype.dbl = function (){
return String(this).padStart(2, 0);
}
let num = 2;
log(num.dbl());
function doubleNum(n){
return String(n).padStart(2, 0);
}
var now = new Date;
log("%O",now); // 这样打印可以看到日期的属性和方法
let { year: y, month: m, day: d } = now;
log("年：%s",y) // 年：2019
log(y, m, d); // 2019 6 20
log(now.date); // 2019-06-20
log(now.time); // 10:56:53
log(now.datetime); // 2019-06-20 10:56:53
上面这种写法已经过时了，现在已经不推荐使用__defineGetter__和__defineSetter__。因此可以使用Object.defineProperty来实现，下面是代码
// 将数字转换成2位的字符串，不足两位的在前面补0
Number.prototype.dbl = function (){
return String(this).padStart(2, 0);
} Object.defineProperty(Date.prototype, "year", {
enumerable : true,
configurable : true,
get: function (){
return this.getFullYear();
},
set: function (y){
this.setFullYear(y);
}
}); Object.defineProperty(Date.prototype, "month", {
enumerable : true,
configurable : true,
get: function (){
return this.getMonth() + 1;
},
set: function (m){
this.setMonth(m - 1);
}
}); Object.defineProperty(Date.prototype, "day", {
enumerable : true,
configurable : true,
get: function (){
return this.getDate();
},
set: function (d){
this.setDate(d);
}
}); Object.defineProperty(Date.prototype, "hour", {
enumerable : true,
configurable : true,
get: function (){
return this.getHours();
},
set: function (h){
this.setHours(h);
}
}); Object.defineProperty(Date.prototype, "minutes", {
enumerable : true,
configurable : true,
get: function (){
return this.getMinutes();
},
set: function (m){
this.setMinutes(m);
}
}); Object.defineProperty(Date.prototype, "seconds", {
enumerable : true,
configurable : true,
get: function (){
return this.getSeconds();
},
set: function (s){
this.setSeconds(s);
}
}); Object.defineProperty(Date.prototype, "y", {
get: function (){
return this.year;
}
});
Object.defineProperty(Date.prototype, "m", {
get: function (){
return this.month;
}
});
Object.defineProperty(Date.prototype, "d", {
get: function (){
return this.day;
}
});
Object.defineProperty(Date.prototype, "h", {
get: function (){
return this.hour;
}
});
Object.defineProperty(Date.prototype, "min", {
get: function (){
return this.minutes;
}
});
Object.defineProperty(Date.prototype, "s", {
get: function (){
return this.seconds;
}
}); Object.defineProperty(Date.prototype, "date", {
get: function (){
// return `${this.y}-${this.m.dbl()}-${this.d.dbl()}`;
const that = this;
return function (sep = "-"){
return `${that.y}${sep}${that.m.dbl()}${sep}${that.d.dbl()}`;
}
}
}); Object.defineProperty(Date.prototype, "time", {
get: function (){
return `${this.h.dbl()}:${this.min.dbl()}:${this.s.dbl()}`;
}
}); Object.defineProperty(Date.prototype, "datetime", {
get: function (){
// return `${this.date} ${this.time}`;
const that = this;
return function (sep = "-"){
return `${this.date(sep)} ${this.time}`;
}
}
}); let d = new Date();
console.log(d.date());
console.log(d.time);
console.log(d.datetime("/"));
最新文章
- FPGA Timing笔记
- ansible 小试
- Silverlight：针式打印机文字模糊的改善办法
- 各种边缘检测算子特点比较（canny）
- visual studio snippets风格
- 关于Docker在测试方面的应用
- tornado框架之路三之ajax
- 使用HTTP协下载文件
- iOS摄像头和相册-UIImagePickerController-浅析
- Linux网络编程echo多线程服务器
- poj2385 简单DP
- JNDI-j2ee
- java 包 修饰符 权限详解
- 《JAVA程序设计》第13周学习总结
- 笔记：Maven 生命周期与命令行详解
- Java基本类型和引用类型
- Vue基础知识
- 影响Arcmap运行效率的因素
- Python【每日一问】14
- Android设置shape后改变颜色
热门文章
- Windows 常用工具 & 开发工具 & Chrome插件 & Firefox 插件 & 办公软件
- 矩阵快速幂求Fibonacci
- LA3029 City Game
- JavaScript内容梳理 示例之模态对话框 示例之全选和反选以及取消 示例之后台管理左侧菜单
- Laravel 5.4: 特殊字段太长报错 420000 字段太长
- request.setCharacterEncoding("utf-8");
- python中str的常用方法汇总(1)
- 破逼Json，该死的Json库，操了
- BZOJ1452 [JSOI2009]Count [2017年4月计划 树状数组02]
- 【python之路13】python的深浅拷贝