簡單的jQuery日期選擇

2022-08-14 08:39:10 字數 693 閱讀 7871

建立乙個存放日期的文字框

點選文字框彈出乙個選擇框

引用jquery檔案

引用bootstrap檔案

使用模態框

使用模態框的方法設定點選文字框顯示模態框

手動開啟模態框的方法:

$('id').modal('show');

關閉:(點選確定後會自動關閉)

$('id').modal('hide')

填充資料,建立乙個外部js檔案

js方法:

載入年份

function loadnian()

else

}$("#nian").html(str);

}載入月份

function loadyue()

else

}$("#yue").html(str);

}載入天

function loadtian()

else if(yue==2) 判斷如果是2月繼續判斷年份

else

}var str = "";

for(var i=1;i"+i+"";

}else

}$("#tian").html(str);

}引入外部js檔案

在文字框裡顯示選擇的年月日

給模態框裡的確認按鈕加點選事件

取年月日的值拼成字串找到文字框把取好的值文字框內

jQuery日期選擇器

jquery日期選擇器開始時間與結束時間校驗。function changestarttime e function changeendtime e 校驗會議報名開始時間 結束時間 function signupstarttime e 會議報名結束時間不能晚於會議結束時間 function sign...

Jquery 選擇器 簡單的選擇器

1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last,eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...

jQuery選擇器簡單應用

用js寫一些例如全選 反選等功能的時候,會感覺 相當的多,而如果用jquery選擇器的話就會相當的簡潔了 需要注意的是 button eq 0 click function button eq 1 click function button eq 2 click function 在ie8經過測試上...