//初始化下拉列表
function initSelectTime(dateNum,sysTime){
var rideDate = document.getElementById("rideDate");
$("currentTime").innerText=sysTime;
//今天
var todayStr = sysTime.substring(0,10);
var today = new Date(todayStr.replace(/-/g,"\/"));
var tempOption = document.createElement("option");
rideDate.options.add(tempOption);
tempOption.text = "今天 "+today.getFullYear()+"-"+checkTime(today.getMonth()+1)+"-"+checkTime(today.getDate())+" "+getDayOfWeek(today.getFullYear()+"-"+(today.getMonth()+1)+"-"+today.getDate());
tempOption.value = today.getFullYear()+"-"+checkTime(today.getMonth()+1)+"-"+checkTime(today.getDate());
tempOption.selected = "selected";
if(dateNum>2){
for(var i=2;i<=dateNum;i++){
var t = today.getTime() + 24*3600*1000*(i-1);
var temDate = new Date(t);
var tempOption = document.createElement("option");
rideDate.options.add(tempOption);
var optionText = temDate.getFullYear()+"-"+checkTime(temDate.getMonth()+1)+"-"+checkTime(temDate.getDate())+" "+getDayOfWeek(temDate.getFullYear()+"-"+(temDate.getMonth()+1)+"-"+temDate.getDate());
if(i==2){
tempOption.text = "明天 "+optionText;
}else if(i==3){
tempOption.text = "后天 "+optionText;
}else{
tempOption.text = " "+optionText;
}
tempOption.value = temDate.getFullYear()+"-"+checkTime(temDate.getMonth()+1)+"-"+checkTime(temDate.getDate());
}
}
}
//根据日期得到星期
function getDayOfWeek(dayValue){
//var dayValue = obj.value;
var day = new Date(Date.parse(dayValue.replace(/-/g, '/'))); //将日期值格式化
var today = new Array("周日","周一","周二","周三","周四","周五","周六");
var week = today[day.getDay()]; //day.getDay();根据Date返一个星期中的某其中0为星期日
return week;
}
分享到:
相关推荐
例如,年份可以从当前年份到过去若干年,月份则为1到12,日期根据月份天数动态生成。 3. **组件设计**:每个下拉列表应该有独立的选择,年份、月份和日期分别对应三个下拉框。可以通过CSS进行样式定制,确保视觉...
在本文中,我们将探讨如何使用JSP(JavaServer Pages)技术实现关联下拉列表的功能,具体来说是如何根据用户选择的年份和月份动态更新显示的日期列表。这是一个实用且常见的功能,在很多需要用户输入日期的应用场景...
根据当前选择的年份和月份计算出最大天数,并重新生成日期下拉列表。 4. **处理年份改变时的联动** ```javascript function YYYYMM(str) { var MMvalue = document.form1.MM.options[document.form1.MM....
实现动态生成下拉选项的方法如下: ```javascript function generateMonths() { let select = document.getElementById('monthSelect'); for (let i = 0; i ; i++) { let option = document.createElement('...
在Windows编程或者Web开发中,ComboBox控件是一个常用的交互元素,它允许用户在下拉列表中选择一个项或输入文本。本示例聚焦于“演示ComboBox控件自动生成年月日”,这通常是为了创建日期选择功能,使得用户能方便地...
选中包含随机数的单元格,点击“开始”菜单下的“数字”组,选择“日期”格式,然后在下拉列表中选择合适的格式,如“yyyy-mm-dd”。 4. **批量生成随机日期**: 如果需要生成多行随机日期,可以在A1和B1单元格中...
这种组件极大地提高了用户体验,因为它既直观又节省时间。 首先,我们需要理解日历下拉框的基本结构。它通常由一个输入字段和一个触发下拉日历的按钮组成。当用户点击按钮时,一个包含日期的下拉菜单会弹出,用户...
- years()函数负责生成年份选项,它通过一个循环在1900年到2100年之间生成所有年份选项,并将它们添加到年份下拉列表中。 - months()函数负责生成月份选项。它首先清空月份下拉列表,然后通过循环生成从1到12的月份...
以上详细介绍了标题和描述中提到的知识点,涵盖了动态创建Option选项,以及根据月份动态生成日期下拉列表的JavaScript实现方法。通过本例,可以看到JavaScript对于动态网页内容更新的强大能力,这也是现代Web开发中...
这些工具允许用户通过下拉菜单、滑块或其他交互方式来选择时间间隔,然后自动生成相应的Cron表达式。这对于避免手动编写复杂表达式的错误非常有用。 在实际开发中,理解并熟练使用Cron表达式是提高效率的关键。例如...
6. **请假管理**:设置一列记录员工的请假情况,可以使用数据验证功能创建下拉列表,包含“事假”、“病假”、“年假”等选项,方便员工选择。 7. **自动计算**:使用SUMIF或COUNTIF函数统计每月的出勤天数、迟到...
例如,当用户选择一个年份后,月份的下拉列表会只显示该年份的有效月份,同理,选择月份后,日期列表则会更新为该月的天数。 `DropDownListDateTime.ascx`是一个用户控件(User Control)文件,它是ASP.NET中用于封装...
当用户从月份下拉列表中选择了一个月份,`MMDD`函数会被调用,这个函数负责重新生成日期下拉列表的选项。由于每个月的天数不同,以及2月还可能因为是否为闰年而有不同的天数,这个函数需要考虑到这些因素。 ### ...
首先,我们需要创建三个下拉列表(select元素)分别代表年、月、日,并给它们设置相应的ID,如"year"、"month"和"day"。然后,我们可以编写JavaScript代码来填充这些下拉列表。 对于年份,我们通常会提供过去几年到...
之后,根据用户选择的年份和月份调用`BindDays`方法来动态生成对应天数的下拉列表。 #### 3. 判断闰年与绑定天数 ```csharp // 判断是否为闰年 private bool CheckLeap(int year) { if ((year % 4 == 0) && (year...
为了实现联动效果,我们需要编写函数来生成并填充这些下拉列表。首先,我们可以创建一个生成年份的函数,考虑到闰年和平年,可能需要考虑28天的二月: ```javascript function createYearSelect() { let ...
当用户更改年份或月份时,相应的日期下拉列表需要根据选择的年月信息进行更新。 JavaScript中创建了三个函数来分别处理年份、月份和日期的变化。fullyear函数用于生成年份的下拉选项,它会根据当前年份创建一个前后...
动态菜单在网页设计中非常常见,尤其是在导航栏、日历插件或下拉列表等场景中。它可以根据用户交互实时更新显示的内容,提供更丰富的用户体验。在给定的代码中,可以看到一个用于显示特定月份的日历表格,通过...
在JavaScript编程中,...在实际项目中,可以考虑使用现成的库如jQuery UI的DatePicker或更现代的React、Vue等框架中的日期选择组件,这些库已经处理了很多细节问题,可以节省开发时间并提供更好的兼容性和可维护性。
- **年份选项**:通过循环生成年份下拉列表选项,使得用户可以方便地选择不同的年份。 - **IFRAME的使用**:通过创建一个IFRAME来装载日历控件的主体内容,这种方式可以有效地隔离页面样式的影响,确保控件的独立性...