js下拉框选择年月日代码（js日期选择框）

发布时间：2023-12-08

js下拉框选择年月日代码（js日期选择框）

**更新：**2022-11-10 09:42

本文目录一览：

  1. 根据当前时间显示下拉列表的年月,需要显示之前六个月,用JS怎么来弄?
  2. js实现下拉选项默认为当前年月
  3. 如何用js设置select为当前年月
  4. js日期下拉框怎么写

根据当前时间显示下拉列表的年月,需要显示之前六个月,用JS怎么来弄?

html代码:

<select id="dateSelect"></select>

js代码:

//格式化日期函数
function formateDate(date){
    if(date instanceof Date){
        return date.getFullYear() + "年" + (date.getMonth() + 1) + "月";
    } else {
        return "Error Date";
    }
}
//页面加载完成后，执行初始化操作
window.onload = function(){
    //当前日期
    var date = new Date();
    //获取select元素
    var dateSelectObj = document.getElementById("dateSelect");
    for(var i = 0; i <= 6; i++){
        //创建option子元素
        var optionElement = document.createElement("option");
        optionElement.appendChild(document.createTextNode(formateDate(date)));
        dateSelectObj.appendChild(optionElement);
        //日期减一个月
        date.setMonth(date.getMonth() - 1);
    }
};

js实现下拉选项默认为当前年月

var date = new Date(); // new 一个Date对象
var year = date.getFullYear(); // 年份
var month = date.getMonth() + 1; // 月份（从0开始，所以应+1）
for(var i = month; i > month - 6; i--) {
    $("option value='" + year + "年" + i + "月'/option").appendTo($("select")); // 依次添加下拉框选项，value自定义，右边的appendTo参数为目标选择框
}

如何用js设置select为当前年月

var date = new Date(); // new 一个Date对象
var year = date.getFullYear(); // 年份
var month = date.getMonth() + 1; // 月份（从0开始，所以应+1）
for(var i = month; i > month - 6; i--) {
    $("option value='" + year + "年" + i + "月'/option").appendTo($("select")); // 依次添加下拉框选项，value自定义，右边的appendTo参数为目标选择框
}

js日期下拉框怎么写

function DateSelector(selYear, selMonth, selDay) {
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.selYear.Group = this;
    this.selMonth.Group = this;
    // 给年份、月份下拉菜单添加处理onchange事件的函数
    if (window.document.all != null) // IE
    {
        this.selYear.attachEvent("onchange", DateSelector.Onchange);
        this.selMonth.attachEvent("onchange", DateSelector.Onchange);
    }
    else // Firefox
    {
        this.selYear.addEventListener("change", DateSelector.Onchange, false);
        this.selMonth.addEventListener("change", DateSelector.Onchange, false);
    }
    if (arguments.length == 4) // 如果传入参数个数为4，最后一个参数必须为Date对象
        this.InitSelector(arguments[3].getFullYear(), arguments[3].getMonth() + 1, arguments[3].getDate());
    else if (arguments.length == 6) // 如果传入参数个数为6，最后三个参数必须为初始的年月日数值
        this.InitSelector(arguments[3], arguments[4], arguments[5]);
    else // 默认使用当前日期
    {
        // 默认使用当前日期
    }
}
推荐文章