__defineGetter__和__defineSetter__在日期中的应用
日期函数每次取年月日都要调用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("/"));
__defineGetter__和__defineSetter__在日期中的应用的更多相关文章
- oracle中从指定日期中获取月份或者部分数据
从指定日期中获取部分数据: 如月份: select to_CHAR(sysdate,'MM') FROM DUAL; 或者: select extract(month from sysdate) fr ...
- MySQL数据库中日期中包涵零值的问题
默认情况下MySQL是可以接受在日期中插入0值,对于现实来说日期中的0值又没有什么意义.调整MySQL的sql_mode变量就能达到目的. set @@global.sql_mode='STRICT_ ...
- SQL根据出生日期精确计算年龄、获取日期中的年份、月份
第一种: 一张人员信息表里有一人生日(Birthday)列,跟据这个列,算出该人员的年龄 datediff(year,birthday,getdate()) 例:birthday = '2003-3- ...
- JS[获取两个日期中所有的月份]
//------[获取两个日期中所有的月份中] function getMonthBetween(start,end){ var result = []; var s = start.split(&q ...
- 【HANA系列】SAP HANA SQL从给定日期中获取月份
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列]SAP HANA SQL从给定日 ...
- 【HANA系列】SAP HANA SQL从给定日期中获取分钟
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列]SAP HANA SQL从给定日 ...
- 【HANA系列】SAP HANA SQL从给定日期中获取年份
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列]SAP HANA SQL从给定日 ...
- 面试题1 -- Java 中,怎么在格式化的日期中显示时区?
使用SimpleDateFormat来实现格式化日期 import java.text.SimpleDateFormat; import java.util.Date; public class Da ...
- Excel日期中那个著名的bug
一个软件中的bug能够持续多久?答案不一,大多数bug在软件测试阶段就已经被干掉,又有许多死在Preview阶段,抑或正式上线后不久被干掉,有些则伴随软件终生,直到下一代产品发布才寿终正寝,而Exce ...
随机推荐
- LA3029 City Game
Bob is a strategy game programming specialist. In his new city building game the gaming environment ...
- vue-i18n 的用法
主要用于网站国际化,开发可以切换多语言的网站 1,安装 npm install vue-i8n 2,在main.js中引入和注册 import VueI18n from 'vue-i18n' impo ...
- ajax请求数据以及处理
html <div class="list-block media-list mp0 mbb" data-infos='infos' style="display: ...
- Web前端开发的就业前景怎么样,薪资待遇如何
信息技术的迅速发展,使IT技术者们赶上了一个百年难遇的好机会,尤其是国家出台了“互联网+”的政策后,更是催生了IT行业的就业空间,使其呈现爆发性增长. 如今,微信逐渐成为了大家主要的交流工具,随着各种 ...
- angular4 自定义表单验证Validator
表单的验证条件有时候满足不了需求就可以自定义验证 唯一要求返回是ValidatorFn export interface ValidatorFn{ (c:AbstractControl):Valida ...
- JSP-Cookie和Session
1 会话技术简介 1.1 存储客户端状态 1.2 会话技术 2 Cookie技术 2.1 Cookie技术的购物 2.2 服务器端向客户端发Cookie //1.创建cookie对象 Cookie c ...
- Flask – SQLite:增加成员
目录 简介 结构 展示 技术 运行 代码 创建数据库表单 views视图 models模块 home主页 list列表页 result消息结果页 studentst添加成员 简介 结构 $ tree ...
- LUOGU P3112 [USACO14DEC]后卫马克Guard Mark
题目描述 Farmer John and his herd are playing frisbee. Bessie throws the frisbee down the field, but it' ...
- QT生成GUID
#include <QCoreApplication> #include <QUuid> #include <QDebug> int main(int argc, ...
- H5C3--拖拽接口的使用和实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...