展开

关键词

关于Date对象那些事

JavaScript内置对象,有一个很Date对象,它专门用来获取设置日期。 当然自带方法也很多,这里不一一讲解列举,想回顾可以移步菜鸟教程:JavaScript Date 对象。 但遇到月末那一天,第二天就应该是1号,这就需要通过月份分别取判断,也可以做,但有点繁琐,这里就不给出了。 设置日期为上个月15号 如果是想设置当前月日期,比较简单,直接调用setDate()方法,参数写入要设置日期就可以了。但若是想设置上个月指定日期,我们就需要先让Date对象月份变成上个月。 // 注意,此处是因为在第3步骤,变量d月份已经变成了上个月,所以此处再设置15号,就变成了上个月15号 console.log(d); // Sat Dec 15 2018 15:38:31 GMT+0800 (中国标准时间) 注意:在setDate()方法,写入参数大于月份最大天数,会自动顺移到下个月日期。

19510

如何用js获取当前月份天数

js可以通过Date对象很方便获取到每月天数,在初始化Date对象时,我们可以通过这种方式: var d = new Date(2017,2,0); console.log(d.getDate()) 在上面的代码,我们初始化d为三月份第0天,由于JavaScriptday范围为1~31值,所以当设为0时,会向前 一天,也即表示上个月最后一天。 function mGetDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth ()+1; var d = new Date(year, month, 0); return d.getDate(); } 总结:这里我们巧妙运用了JavaScriptday范围为 1~31值,我们获取第N-1个月第0天,就是N-1个月最后一天,这样就获得了第N个月有多少天。

2.1K50
  • 广告
    关闭

    开发者专享福利,1988元优惠券限量发放

    带你体验博客、网盘相册搭建部署、视频渲染、模型训练及语音、文字识别等热门场景。云服务器低至65元/年,GPU15元起

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Element 时间选择器配置 本月及上个月快捷方式

    Element-UI时间选择器代码示例没有提供本月及上个月快捷选择方式,以下提供所需代码,方便大家使用。 以下是要实现效果图: ? 以下快捷选择方式配置代码: pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); var now = new Date(); var year = now.getFullYear(); var month = now.getMonth var now = new Date(); var year = now.getFullYear(); var month = now.getMonth var startDate = new Date(year+'-'+month+'-01 00:00:00'); // 上个月最后一天

    50530

    Element 时间选择器配置 本月 及 上个月 快捷方式

    Element-UI时间选择器代码示例没有提供本月及上个月快捷选择方式,以下提供所需代码,方便大家使用。 以下是要实现效果图: 以下快捷选择方式配置代码: pickerOptions: { disabledDate(time) { return time.getTime() > var now = new Date(); var year = now.getFullYear(); var month = now.getMonth var now = new Date(); var year = now.getFullYear(); var month = now.getMonth var startDate = new Date(year+'-'+month+'-01 00:00:00'); // 上个月最后一天

    21240

    JS 在获取当前月最后一天遇到

    为了更好讲这节内容,提示一个 JS 处理日期小技巧,想获取上个月最后一天,只需要设置SetDate参数为0即可。 var endDate = new Date(); //上个月最后一天 endDate.setDate(0); 接着正文开始: 使用 JS 获取当前月最后一天,咱们通常思路先获取下个月第一天,然后在减去一天 ,就是当前月最后一天,所以自然会用到下面的代码: var date= new Date(); date.setMonth(date.getMonth() + 1); //日期设置为0号, 0表示1号前一天 Date(2019, 0, 31); //0 表示1月 date.setMonth(date.getMonth() + 1); // 日期设置为0号, 0表示1号前一天 let lastDay = 所以上例 date.setMonth(date.getMonth() + 1) 等价于 1月31号 + 31天 ,根据上面的列表,就可以看到结果是3月3号 ?

    1.7K30

    easyUI 日期控件修改...

    ,Ctrl+F 查找"Jan",一下就找到了。) 格式修改,默认是月/日/年格式,如果换成2016-07-28这样,官方也给出了代码,如下: 1 <! " src="js/jquery-1.8.0.min.js"></script> 8 <script type="text/<em>javascript</em>" src="js/jquery.easyui.min.js "> 16 function myformatter(date){ 17 var y = date.getFullYear(); 18 var m = date.getMonth()+1; 19 var 29 return new Date(y,m-1,d); 30 }else{ 31 return new Date(); 32 } 33 } 34 </script> 35 </html> 就是在自己代码里日期标签

    12550

    如何使用 React 构建自定义日期选择器(1)

    无论是出生日期还是航班时间表日期,您总希望用户能够提供了有效日期。 在 HTML5 ,引入了新 date 输入类型,来确保获取表单有效日期值。 在本教程,您将学习如何使用 React 和原生 JavaScript日期对象从头构建自定义日期选择器。下面是一个简短演示,展示了日期选择器外观。 ? 先决条件 本教程假设您非常熟悉 JavaScript,并且已经熟悉 React 框架。如果不是这样,您可以查看 React文档 来了解有关React更多信息。 首先,Date.prototype getDay() 和 getMonth() 方法通常会返回从零开始值。 由于一个月通常跨越 4 周,因此日历至少可以容纳上个月最后一周和下个月第一周。您很快就会看到这个常量效果,因为它将在 calendar builder 函数中使用。

    82710

    几个JavaScript极短日期时间代码片段(你值得拥有)

    dt.replace(/-/g,'/'):dt)[i]()) 复制代码 使用了提取公因式,把 重复出现 getFullYear, getMonth,getDate 提取出来用every结合而成 2 month : new Date(month).getMonth() + 1 //解析传入日期 dt const d = new Date(typeof dt === 'string' dt.toString()) // 设置月份 d.setMonth(month) // 因为月份是按索引 0-11,索引这里没有进行 - 1 // 设置日期为0,那么日期就会被设置为上个月最后一天 daysInMonth('2000-01-01 12:23:59') 复制代码 setDate(0)那么日期就会被设置为上个月最后一天,具体更多可以看 MDN Date.prototype.setDate }|Y{1,4}|M{1,2}|d{1,2}|D{1,2}|h{1,2}|H{1,2}|m{1,2}|s{1,2}|q|t|S{1,3}/g, match => { // 匹配首字符

    10420

    Calendar calendar控件月份添加点击事件

    写在前面 elementui在使用日历也就是Calendar calendar控件时候,发现它自带上个月、今天、下个月是没有提供点击事件,但是博主我做业务时候用到了,因为排班时候想要获取到上个月信息需要给月份信息 添加事件 在created钩子函数实现如下代码 this. ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth 注意点 valueData这个参数就是我们data定义,也就是需要我们在return定义valueData: new Date(),然后我们Calendar calendar控件将其绑定才可以自动计算每个月份 > </template> </el-calendar> 结束 具体每一个时间块上怎么显示,点击事件什么这里就不写了,第一是官方有,第二是自己也比较容易实现,这里需要说一个点,官方参数用好的话可以事半功倍

    1.1K10

    自从知道了这几个 JavaScript 技巧,下班都变早了!

    谁要是说 JavaScript 是世界上最好语言,估计会被唾沫星子淹没。但是如果说 JavaScript 是世界上应用最广泛编程语言,估计大部分人都没意见。 尤其是有了 NodeJS 之后,JavaScript 更是无孔不入。 Atwood 定律:“任何可以使用 JavaScript 来编写应用,最终会由 JavaScript 编写。” 即便如此,JavaScript 还是有一些鲜为人知特性和技巧,不太常见,但是非常有用。本文不打算介绍那些稀奇古怪特性,因为除了作为茶余饭后谈资,没什么卵用实际用途。 ; console.log(+random); // 4 console.log(+random); // 26 console.log(+random); // 47 本次大家推荐一个免费学习蔻 再比如,获取上个月最后一天,可能 moment.js 有相关 API,我也懒得去查了,原生也很简单: const day1 = new Date(); day1.setDate(-1); // 难以置信

    13420

    vue 手写一个时间选择器

    最近研究了 DatePicker 实现原理后做了一个 vue DatePicker 组件,今天带大家一步一步实现 DatePicker vue 组件。 原理 DatePicker 原理是——计算日历面板当月或选中月份总天数及前后月份相近日子,根据点击事件计算日历面板显示内容,以及将所选值赋值<input/>标签。 1号前需要插多少天 let startDay = new Date(this.tmpYear, this.tmpMonth, 1).getDay(); // 确认上个月一共多少天 methods selectDate(item) { // 赋值 当前 nowValue,用于控制样式突出显示当前月份日期 this.nowValue = item.value; // 选择了上个月 input, 因此需在 selectDate 方法 emit 事件及数据父组件 selectDate(item) { ...

    66520

    将 Date对象 转化为指定格式详解 —— 关于Date对象那些事(番外)

    在 关于Date对象那些事 一文第一节,我们就给出了转换日期指定格式方法。 但是这个方法,有些地方对于初学者可能有点费解,尤其是正则部分。此处对其做个详解。 1. 我们希望能带入参数,用以说明想要指定日期格式,然后返回对应日期格式。 这就不得不用上正则相关方法。具体演练过程这里就不说明,我们直接分析下面方案实现过程。 console.log(formatDate("yyyy-M-d")); // 2019-1-18 代码说明: 获取年份部分: (1) /(y+)/是一个正则表达式,/(y+)/.test(a) 是判断参数a是否有一个或多个字符 RegExp.$1是全局属性,当执行任意正则表达式匹配操作时,JavaScript会自动更新RegExp上全局属性。 补充说明: 关于 RegExp 对象以及它静态属性 $1可以参考 MDN: RegExp.$1-$9 和 csdn: JavaScript RegExp.$1-$9 属性详解。

    89310

    iOS开发一款小巧简洁日历控件 原

    添加一些扩展方法,便于我们使用 //头文件部分 @interface NSDate (YHBaseCalendar) /**  *获取当前月天数  */ - (NSUInteger)YHBaseNumberOfDaysInCurrentMonth YHBaseCalendarView : YHBaseView @property(nonatomic,strong)NSDate * currentDate; //标记数组 用于标记特殊日期 这个数组存放必须是     for (int i=0; i<weekRow; i++) {         //列         for (int j=0; j<7; j++) {             //先进行上个月余天创建 forState:UIControlStateNormal];             }             //是否进行自定义标记             /**              *if颜色比较 https://github.com/ZYHshao/YHBaseFoundationTest.git,这是我封装一套基于Cocoa与Foundation更易用开发框架,其中也对AFN,CRLabel

    1.3K20

    JavaScript日期处理

    getDay() 从 Date 对象返回一周某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 setMonth() 设置 Date 对象月份 (0 ~ 11)。 setFullYear() 设置 Date 对象年份(四位数字)。 setHours() 设置 Date 对象小时 (0 ~ 23)。 setMinutes() 设置 Date 对象分钟 (0 ~ 59)。 setSeconds() 设置 Date 对象秒钟 (0 ~ 59)。 setMilliseconds() 设置 Date 对象毫秒 (0 ~ 999)。 月份,如:0(注意,遵循默认日历,从0开始) */ function getDaysInMonth (year, month) { // 将天置为0,会获取其上个月最后一天 // 获取1月份天数

    80351

    皮一下,自己做个打卡系统

    2018 年微信小程序开发者逐渐多了起来,微信平台也推出了很多红利,鼓励开发者参与到小程序开发。 所以本篇文章通过一个实战项目为大家介绍一下微信小程序全栈开发流程。 也就是说比较适合前端工程师,因为小程序开发包括页面设计、css 样式、javascript 编写、与后端 API 交互等。但是对于后端程序员来说学习微信小程序也是很容易上手。为什么呢? 简单日历功能;包括星期、上个月、下个月翻页; 对于日历时间段要分为 今天、今天之前日期、今天之后日期; 实现签到功能。 当日历实现之后,我们将已经签到了日期和日历上日期进行比对,如果日期已经签到,那么一个特定样式即可实现已签到展示功能。 ? { //从服务器端获取signDates var paramMonth = paramDate.getMonth(); if (paramMonth + 1 > 12){//后台保存月份数据是

    2K62

    Android可签到日历控件实现方法

    最近在公司功能需求,需要实现可以签到日历,签到后在签到过日期做标志。本功能参考了网上一些大神日历控件,在此基础上进行修改,已满足本公司需求,现已完成,记录一下。 for (int i = 0; i < ROWS_TOTAL; i++) { for (int j = 0; j < COLS_TOTAL; j++) { // 这个月第一天不是礼拜天,则需要绘制上个月剩余几天 () - 1; } // 上个月最后一天是几号 lastMonthDays = getDateNum(year, month); // 第一个格子展示是几号 int firstShowDay view.setBackgroundColor(Color.TRANSPARENT); } // 设置标记 setMarker(group, 0, k); } j = weekday - 1; // 这个月第一天是礼拜天,不用绘制上个月日期 ,marksMap包括了dates[i][j]时就进入下面的if语句 if (marksMap.get(dates[i][j]) !

    25110

    JavaScript竟然可以这样比较两个日期

    在本期中,我们将借助示例学习如何在JavaScript中比较两个日期。 第一种方法 在JavaScript,我们有一个 new Date()构造函数,该构造函数返回包含不同类型方法date对象。 例如: getDate():根据指定本地时间返回一个月某天 getMonth():返回月份 getFullYear():返回年份 通过使用以上三种方法,我们可以比较JavaScript两个日期。 示例: function compareTwoDates(first,second){ const firstDate = `${first.getDate()}-${first.getMonth return firstDate === secondDate } console.log(compareTwoDates(new Date(),new Date())); 在上面的示例

    11140

    JavaScript为何要使用prototype

    JavaScript学习和工作,或多或少会接触一些底层JavaScript知识。 之前看完《Head First JavaScript》,这本书里面讲到了this关键字和prototype概念。一下是个人笔记和理解。 JavaScript不是真正面向对象(oop),但是很多开发者尝试使用编写Java/C#方法去编写JavaScript代码,一方面是容易理解,另一方面也是后期代码更容易维护,更容易调试等方便。 prototype出现是为了解决在传统代码,我们每创建一个对象实例,每个实例都会有重复方法,这样在创建数量较多对象实例时,代码冗余,占用内存多。所以将对象方法放到类。称为:类拥有的方法。 通过引入prototype,可以用改进代码,将对象实例三个共有方法使用prototype添加到“类”Blog

    11110

    扫码关注腾讯云开发者

    领取腾讯云代金券