一周日期选择（周一至周日）

效果图：

html代码：

<div class="ewb-date-link"><span data-number="-365">上一年</span><span data-number="-30">上月</span><span data-number="-7">上周</span><span data-number="0">本周</span><span data-number="7">下周</span><span data-number="30">下月</span><span data-number="365">下一年</span>
</div>
<div class="ewb-date-info"><p class="ewb-date-range" id="dateRange"></p>
</div>

工具类js：（无需修改，复制就行）

(function(win, $) {if (!window.Util) {window.Util = {};}$.extend(Util, {});
}(this, jQuery));/*** 获取一周日期（周一至周日） 相关 Util 方法*/
(function($, exports) {var dateObj,pianyiliang = 0,dsReg = /^\d{4}[/-]\d{1,2}[/-]\d{1,2}$/;$.extend(exports, {//获取偏移日期getNewDay: function(dateTemp, days) {var dateTemp = dateTemp.split("-"),nDate = new Date(dateTemp[1] + '-' + dateTemp[2] + '-' + dateTemp[0]), //转换为MM-DD-YYYY格式millSeconds = Math.abs(nDate) + (days * 24 * 60 * 60 * 1000),rDate = new Date(millSeconds),year = rDate.getFullYear(),month = rDate.getMonth() + 1,date = rDate.getDate();month = month < 10 ? "0" + month : month;date = date < 10 ? "0" + date : date;return (year + "-" + month + "-" + date);},//获得当前时间getnowDate: function() {var now = new Date(), //当前日期nowDay = now.getDate(), //当前日nowMonth = now.getMonth(), //当前月nowYear = now.getYear(); //当前年nowYear += (nowYear < 2000) ? 1900 : 0; //nowDate = new Date(nowYear, nowMonth, nowDay);return Util.formatDate(nowDate);},//获得开端日期getWeekStartDate: function(dayTemp) {if (dayTemp.match(dsReg)) {var presentDate = new Date(dayTemp),today = presentDate.getDay() !== 0 ? presentDate.getDay() : 7;return Util.formatDate(new Date(presentDate.getTime() - (today - 0 - 1) * 24 * 60 * 60 * 1000));}},//获得停止日期getWeekEndDate: function(dayTemp) {if (dayTemp.match(dsReg)) {var presentDate = new Date(dayTemp),today = presentDate.getDay() !== 0 ? presentDate.getDay() : 7;return Util.formatDate(new Date(presentDate.getTime() - (today - 6 - 1) * 24 * 60 * 60 * 1000));}},//格式化日期：yyyy-MM-ddformatDate: function(date) {var myyear = date.getFullYear(),mymonth = date.getMonth() + 1,myweekday = date.getDate();mymonth = mymonth < 10 ? "0" + mymonth : mymonth;myweekday = myweekday < 10 ? "0" + myweekday : myweekday;return (myyear + "-" + mymonth + "-" + myweekday);},//获取日期范围getDateRange: function(num, successcallback) {if (num == 0) {pianyiliang = 0;} else {pianyiliang += num;}var nowdaypianyi = Util.getNewDay(Util.getnowDate(), pianyiliang),startdate = Util.getWeekStartDate(nowdaypianyi.replace(/-/g, "/")),enddate = Util.getWeekEndDate(nowdaypianyi.replace(/-/g, "/"));var obj = {startdate: startdate,enddate: enddate}successcallback(obj);}});}(jQuery, window.Util));

js代码：

(function(win, $) {var $dateLink = $(".ewb-date-link"), //按钮$dateRange = $("#dateRange"); //显示日期容器// 渲染日期var renderWeekDate = function(data) {$dateRange.html(data.startdate + " --- " + data.enddate);}// 默认本周Util.getDateRange(0, function(data) {renderWeekDate(data);});// 按钮点击$dateLink.on('click', 'span', function(event) {event.preventDefault();var num = parseInt($(this).data("number"));Util.getDateRange(num, function(data) {renderWeekDate(data);});});}(this, jQuery));

一周日期选择（周一至周日）相关推荐

element的datepicker日期选择器选择周一到周日并实现上一周和下一周
element的datepicker日期选择器选择周一到周日并实现上一周和下一周实现效果页面初始化效果点击上一周点击下一周实现选择周一和周日过程 1.采用el-date-picker组件,类 ...
一周日期选择（周日--周六）
效果截图(日期范围,周日--周六),如下: html代码: <div class="ewb-date-link" data-num="0">< ...
Java 周日期计算工具，获取当前第几周，按周数获取周一至周日，按日期获取周一至周日
记一个自己写的工具类: 1.按时间获取当前第几周 getzs 3.按日期获取周一至周日getgetBetweenDates2 4.按年份跟周数获取周一至周日 getgetBetweenDates3 结 ...
Oracle查询某个日期的周一到周日SQL语句
Oracle查询某个日期的周一到周日SQL语句 SELECT TRUNC(to_date('2021-12-27','YYYY-MM-DD'),'IW')+(ROWNUM-1)*6 FROM dual ...
PHP获取自然周日期（周一~周日）
使用date()函数:PHP: date - Manual w 星期中的第几天,数字表示 0(表示星期天)到 6(表示星期六) $time = time(); // 可设定日期$week_day_nu ...
求出本周是第几周,本周的周一和周日时间
DateFormat df=new SimpleDateFormat("yyyy-MM-dd"); Calendar calendar = Calendar.getInstance ...
moment时间插件设置显示日期为周一到周日
moment.js 默认一周从周日开始,我们如果想让时间默认从周一开始只用设置一下时区就可以了. import moment from 'moment' moment.locale('zh-cn')
JS 通过日期判断当前日期所在周的周一到周日的日期
例如今天是2021年6月1日,周二,6月1日所在周为:周一2021-5-31 ~ 周日2021-6-6. 方法一: let date = new Date();let currYear = date. ...
JS如何根据今天的日期获取本周的周一和周日的日期
背景: 有时候,我们做需求的时候,会遇到根据用户当前选择的日期,计算出当前日期所在周的星期一和星期日的日期. 一.根据所选日期计算周一和周日的日期 var now = new Date(); var ...

一周日期选择（周一至周日）

一周日期选择（周一至周日）相关推荐

最新文章

热门文章