如果我在JavaScript或jquery中有一个开始日期,我如何显示一周中所有日子的日期?
How Do I display dates of all days of week if I have a start date in JavaScript or jquery?
我有一个隐藏的字段,这是支付期的开始日期的日期持有值。现在我必须根据开始日期显示该日期和整个星期的日期。到目前为止,我正在显示星期,但现在我需要显示日期,而不是天。我该如何做到这一点?我只需要显示月和日mm/dd旁边的每一天。Like 12/01 S
隐藏文件值是第一天,这意味着星期六和其他日期应该在那天之后,直到开始日期+6,即,直到F
<div class="form-group" id="buttonsr">
<div class="btn-group" data-toggle="buttons-checkbox">
<div class='input-group input-group-sm'>
<span class="input-group-addon">Week</span>
</div>
<button class="btn" name="WeekGroup" id="week_sat">S</button>
<button class="btn" name="WeekButtonGroup" id="week_sun">S</button>
<button class="btn" name="WeekGroup" id="week1_mon">M</button>
<button class="btn" name="WeekGroup" id="week_tue">T</button>
<button class="btn" name="WeekGroup" id="week_wen">W</button>
<button class="btn" name="WeekGroup" id="week_thu">T</button>
<button class="btn" name="WeekGroup" id="week_fri">F</button>
</div>
</div>
这是你的小提琴JSFIDDLE
和代码
var today = new Date();
var dd = today.getDate();
//This is just for testing, here you set the day!!
dd= 28;
var mm = today.getMonth()+1; //here you must add 1 for january!
//This is just for testing, here you set the month!!
mm = 06;
var yyyy = today.getFullYear();
//adds a zero in front if less than 10
if(dd<10) {
dd='0'+dd
}
//adds a zero in front if less than 10
if(mm<10) {
mm='0'+mm
}
var buttonContainer = {};
buttonContainer[0] = document.getElementById("week_sat");
buttonContainer[1] = document.getElementById("week_sun");
buttonContainer[2] = document.getElementById("week1_mon");
buttonContainer[3] = document.getElementById("week_tue");
buttonContainer[4] = document.getElementById("week_wen");
buttonContainer[5] = document.getElementById("week_thu");
buttonContainer[6] = document.getElementById("week_fri");
//add to all buttons!
for(var i = 0; i < 7; i++)
{
var addedDays = dd + i;
var monthDays = daysInMonth(mm,yyyy);
var newMonth = mm;
if(monthDays < addedDays)
{
newMonth = parseInt(mm) + 1;
addedDays = (addedDays - monthDays);
if(addedDays<10) {
addedDays='0'+addedDays
}
}
today = newMonth +'/'+ addedDays;
buttonContainer[i].innerHTML = today + buttonContainer[i].innerHTML;
}
function daysInMonth(month,year) {
return new Date(year, month, 0).getDate();
}
相关文章:
- 将时区格式的日期显示为UTC时间
- 如何根据所选日期显示警告
- JavaScript日期显示
- 如何使用 DHTMLX 甘特图扩展甘特图的日期显示
- 如何根据当前日期显示两周期间的第一天
- 日期选取器将今天的日期显示为默认值,并且仅适用于 GET
- 由于时区的原因,字符串的新日期显示为前一天
- 如何使用JavaScript将日期显示为DD/MM/YY格式
- fullCalendar.js:按选定日期显示事件
- javascript getDay()为旧日期显示错误的日期
- 在JSON中按日期显示数组出现的次数
- 根据所选日期显示信息
- Jquery日期选择器所有日期显示为不可选择
- 从数据库中按日期显示日历上的事件
- Jqgrid中的日期显示休息1天
- 基于日期显示日期的Javascript
- CouchDB map/reduce函数按日期显示用户的有限结果
- JavaScript日期显示错误的日期和时间
- 我通过javascript突出显示的当前日期显示不正确
- 使用JavaScript进行查询,以便在HTML文档中按日期显示事件