function generateYearFun() {
var now = new Date();
var nowYear = now.getFullYear();
var selectObj = document.getElementById("queryByYear");
var optionObj = document.createElement("option");
optionObj.Value = "0";
optionObj.text = "-----請選擇年份-----";
selectObj.add(optionObj);
for(var i = 0; i <= nowYear - 1970; i++) {
var optionCon = document.createElement("option");
optionCon.Value = nowYear - i;
optionCon.text = nowYear - i;
selectObj.add(optionCon);
}
}
以上方法在IE下有效,但在ff下是无效的,要想兼容IE和ff,就用下面的方法:
function generateYearFun(){
var now = new Date();
var nowYear = now.getFullYear();
var selectObj = document.getElementById("queryByYear");
selectObj.options.add(new Option("-----請選擇年份-----",0));
for(var i = 0; i <= nowYear - 1970; i++) {
selectObj.options.add(new Option(nowYear - i,nowYear - i));
}
}
先获取当前年份now,再获得select对象selectObj(页面中已存在select元素),然后构造一个option元素作为提示信息,在这个例子中,需要的年份是从1970年到现在的,所以循环遍历现在到1970年这个间隔数,并且每次循环都用当前年份减去循环变量。供新手参考。
分享到:
相关推荐
在这个场景下,我们可以利用Element UI库,它为Vue.js提供了丰富的UI组件,包括日期选择器(DatePicker)。 Element UI的DatePicker组件提供了多种模式,可以满足我们的需求。首先,我们可以设置`type`属性来指定...
var selectElement = document.getElementById('dateSelect'); for (var i = 0; i ; i++) { selectElement.innerHTML += datesOptions[i]; } ``` 这段代码会生成指定年份范围内的所有日期,并以正确的格式添加到`...
function fillOptions(selectElement, type) { // 清空现有选项 selectElement.innerHTML = ''; // 根据类型添加选项 if (type === "1") { // 年度 for (var year = new Date().getFullYear(); year >= 2000; ...
通过学习和理解`calendar.js`中的代码,你可以了解到如何利用JavaScript动态生成和操纵DOM,以及如何添加事件监听来实现交互。同时,这也是提升JavaScript编程技能的好机会。对于网页开发者来说,掌握这类控件的实现...
以上是对所给文件内容中的JavaScript知识点进行了详细的解释,涵盖了从基础语法到高级特性的各个方面。通过学习这些知识点,可以帮助初学者更好地理解和掌握JavaScript语言的基础知识及应用技巧。
在本案例中,“很漂亮的js日历”是一个利用JavaScript技术构建的交互式日历组件,旨在增强用户体验,提供美观且功能丰富的日期选择界面。 首先,我们要理解JavaScript日历的基本工作原理。它通常基于DOM(Document ...
根据提供的文件信息,我们可以梳理出一系列JavaScript相关的知识点。下面将对这些知识点进行详细的解释与扩展。 ### 1. `document.write("");` 输出语句 在JavaScript中,`document.write()` 方法用于向当前文档写...
### JavaScript-js宝典笔学习记知识点详解 #### 1. 输出语句 `document.write("")` 在JavaScript中,`document.write()` 方法用于将文本、HTML 表达式等直接写入到文档流中。通常用于页面加载时动态生成内容。例如...
### 常用JavaScript语句详解 #### 1. `document.write("")` 输出语句 在JavaScript中,`document.write()` 方法用于将指定的内容写入正在加载的文档中。这通常用于动态创建网页内容。 #### 2. JS中的注释为`//` 在...
JavaScript日历是一个常见的前端功能,用于在网页上展示日期选择器,它可以帮助用户方便地选取日期,常用于事件安排、预约系统或者数据输入等场景。本文将深入探讨JavaScript实现日历功能的关键知识点,并结合标签...
在JavaScript编程中,日期联动是一种常见的交互功能,尤其在网页表单或日历应用中,用户选择一个日期后,另一个日期选择器会自动更新以显示相关的日期范围或限制。这种功能提高了用户体验,使得数据输入更加便捷和...
### Java Script (JS) 函数大全:基础知识概览 #### 一、JavaScript 概述与基本函数 在探讨具体的 JavaScript 函数之前,我们先来了解一下 JavaScript 的基础概念及其在网页开发中的作用。JavaScript 是一种轻量级...
根据提供的文件信息,我们可以归纳出一系列重要的JavaScript知识点。这些知识点涵盖了基本语法、DOM操作、数据类型转换、表单处理以及日期时间操作等关键领域。接下来,我们将对这些知识点进行详细的阐述。 ### 1. ...
- JavaScript 可以在多种环境中运行,包括浏览器端和服务器端(如 Node.js)。 - 浏览器端执行环境包括:`navigator`, `screen`, `history`, `location`, `document` 等对象。 ### 3. 获取和设置元素属性 - 使用 `...
本教程将详细讲解如何利用jQuery创建一个自定义的月份选择插件,帮助开发者提高用户体验,使得用户能方便快捷地选择日期。 首先,我们需要了解jQuery的基本用法。jQuery的核心特性是其简洁的语法,例如$(selector)....
在Vue.js框架中,Element UI库是一个非常受欢迎的前端组件库,它提供了丰富的UI组件,大大简化了开发者构建用户界面的工作。在这个特定的案例中,我们关注的是如何使用Element UI来实现月、季度和年的时间选择框。这...
var selectedValue = document.forms[0].selectName.options[document.forms[0].selectName.selectedIndex].value; ``` #### 十六、字符串对象方法 35. **创建字符串对象**:可以使用 `new String()` 来创建字符...
根据给定文件的信息,我们可以提炼出一系列与JavaScript基础相关的知识点,包括语法、DOM操作、数据类型转换、表单处理以及日期时间的操作等。下面将详细解释这些知识点。 ### 1. 使用`document.write("")` `...
根据给定的信息,我们可以整理出一系列关于JavaScript的重要知识点。这些知识点涵盖了从基本语法到更复杂的对象操作等内容。接下来,我们将对这些知识点进行详细的解释和扩展。 ### 1. 使用 `document.write` 输出...
根据给定的信息,我们可以整理出一系列关于JavaScript的重要知识点。这些知识点涵盖了从基本语法到文档对象模型(DOM)操作,以及一些常用的内置函数等各个方面。接下来,我们将对这些知识点进行详细的阐述。 ### 1...