js下拉框選擇年月日代碼（js日期選擇框）

本文目錄一覽：

• 1、根據當前時間顯示下拉列表的年月,需要顯示之前六個月,用JS怎麼來弄?
• 2、js實現下拉選項默認為當前年月
• 3、如何用js設置select為當前年月
• 4、js日期下拉框怎麼寫

根據當前時間顯示下拉列表的年月,需要顯示之前六個月,用JS怎麼來弄?

html代碼:

select id=”dateSelect”

/select

js代碼:

script type=”text/javascript”

//格式化日期函數

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);

}

};

/script

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; // 月份（a href=”;tn=44039180_cprfenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Ykuj0vnWR3nHnvujF-nvD40ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbdrH0LPHc4P1RYnWTsP1Rsn0″ target=”_blank” class=”baidu-highlight”從0開始/a，所以應+1）

for(var i = month; i month – 6; i–) {

$(“option value=”” + year + “年” + i + “月” + “/option”).appendTo($(“select”)); // 依次添加下拉框選項，value自定義，右邊的appendTo參數為目標選擇框

}

js日期下拉框怎麼寫

ear_month_day.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 // 默認使用當前日期

{