__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 ...
随机推荐
- LUOGU P3435 [POI2006]OKR-Periods of Words
传送门 解题思路 首先求出kmp,那么i-nxt[i]一定是一个周期,对于每一个点一直跳nxt,跳到最小的nxt之后用i-这个nxt即为i这个前缀的答案. 代码 #include<iostrea ...
- poj 2318 TOYS(计算几何 点与线段的关系)
TOYS Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 12015 Accepted: 5792 Description ...
- 【大数据】Hadoop常用启动命令
Hadoop常用启停命令 最近在装大数据环境,不知由于年纪大的问题还是笨的缘故,老师记不住一些常用命令,在这里就单独记一下Hadoop常用的启停命令.Hadoop常用的启停命令都在hadoop/sbi ...
- “微信小程序” js部分注解
1.小程序不提供获取dom的操作,而是让我们直接将事件绑定写入到组件内.区别在于bind不阻止冒泡,而catch阻止冒泡. <view id="tapTest" bindta ...
- 超高频率问题之信息: Illegal access: this web application instance has been stopped already. Could not load . The eventual following stack trace is caused by an error thrown for debugging purposes as well as
出现频率非常高,目前还不确定具体是什么原因导致
- 2019-9-2-win10-uwp-存放网络图片到本地
title author date CreateTime categories win10 uwp 存放网络图片到本地 lindexi 2019-09-02 12:57:38 +0800 2018-2 ...
- 跟我一起做一个vue的小项目(一)
项目架子 npm install --global vue-cli vue init webpack travel cd travel/ npm run dev 运行效果 添加home页及其路由,添加 ...
- pip安装依赖与生成依赖
一.安装依赖 从requirements.txt安装依赖库 pip install -r requirements 当提示权限不够时,前面加上sudo#下面就是一个requirements.txt文件 ...
- 阿里云MaxCompute 2019-7月刊
您好,MaxCompute 2019.7月刊为您带来7月产品.技术最新动态,欢迎阅读. 导读 [发布]7月产品重要发布 [资讯]7月重要资讯 [文档]7月重要文档更新推荐 [干货]7月精选技术文章推荐 ...
- webpack学习之—— Configuration(配置)
你可能已经注意到,很少有 webpack 配置看起来很完全相同.这是因为 webpack 的配置文件,是导出一个对象的 JavaScript 文件.此对象,由 webpack 根据对象定义的属性进行解 ...