欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript實現通過選擇周數顯示開始日和結束日的實現代碼

 更新時間:2016年05月30日 09:40:52   作者:山中小溪  
這篇文章主要介紹了Javascript實現通過選擇周數顯示開始日和結束日的實例代碼的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下

 最近在一個項目中遇到一個查詢頁面,其中一個查詢條件是根據選擇的年份、月以及周數顯示選擇的該周從幾號到幾號,這樣一個需求。在網上搜索了一下,有類似的但是沒有完全一樣的,只好自己動手。思路是首先取得所選擇的該年月1號這一天是星期幾,然后算出這一周中周一的日期。

以此為基點,第1周的結束日即為這一天加6,第2周的開始日為這一天加7,結束日為這一天加13,以此類推,直到推算出第5周的開始日和結束日。

具體代碼如下:

//該方法有兩個參數,date是給定的日期型參數,days是需要在該日期進行加減的天數。 
//例如,add(2010-10-01,-3)返回從2010-10-01這一天往前退3天的日期即2010-09-28 
function addDate(date,days){ 
var d=new Date(date); 
d.setDate(d.getDate()+days); 
var m=d.getMonth()+1; 
var tmpDate = d.getFullYear()+ "/" + m + "/" + d.getDate(); 
var resultDate = new Date(tmpDate); 
return resultDate; 
} 
//對選擇的年月轉換為YYYY-MM-dd的格式 
function changeDateFormat(DateIn){ 
var year = 0; 
var month = 0; 
var Day = 0; 
var currentDate = ""; 
year = DateIn.getYear(); 
month = DateIn.getMonth() + 1; 
Day = DateIn.getDate(); 
currentDate = year + "-"; 
if(month > 10){ 
currentDate = currentDate + month + "-"; 
}else{ 
currentDate = currentDate + "0" + month + "-"; 
} 
if(Day > 10){ 
currentDate = currentDate + Day; 
}else{ 
currentDate = currentDate + "0" + Day; 
} 
return currentDate; 
} 
//根據選擇的周計算出本周的開始日和結束日 
function weekToDate(weekNumber,strWeekDay,dateIn){ 
//輸出的開始日 var outputDate_1 = ""; 
//輸出的結束日 var outputDate_2 = ""; 
var tmp_date= ""; 
//如果選擇的年月1號這一天恰好為sunday,該周monday的日期為這一天的日期-6 
if(strWeekDay == '0'){ 
outputDate_1 = addDate(dateIn,-6); 
} 
//如果選擇的年月1號這一天為monday,第二個參數設為0,以下以此類推。 
if(strWeekDay == '1'){ 
outputDate_1 = addDate(dateIn,0); 
} 
if(strWeekDay == '2'){ 
outputDate_1 = addDate(dateIn,-1); 
} 
if(strWeekDay == '3'){ 
outputDate_1 = addDate(dateIn,-2); 
} 
if(strWeekDay == '4'){ 
outputDate_1 = addDate(dateIn,-3); 
} 
if(strWeekDay == '5'){ 
outputDate_1 = addDate(dateIn,-4); 
} 
if(strWeekDay == '6'){ 
outputDate_1 = addDate(dateIn,-5); 
} 
if(weekNumber == '1'){ 
outputDate_2 = dateIn; 
} 
if(weekNumber == '2'){ 
outputDate_2 = addDate(outputDate_1,+7); 
} 
if(weekNumber == '3'){ 
outputDate_2 = addDate(outputDate_1,+14); 
} 
if(weekNumber == '4'){ 
outputDate_2 = addDate(outputDate_1,+21); 
} 
if(weekNumber == '5'){ 
outputDate_2 = addDate(outputDate_1,+28); 
} 
if(weekNumber == '1'){ 
//第1周的開始日結束日計算基點都是outputDate_1,因此單獨判斷 
document.getElementById("spnDate").value = changeDateFormat(outputDate_1); 
temp_date = addDate(outputDate_1,+6); 
document.getElementById("finishTime").value =changeDateFormat(temp_date); 
}else{ 
//第2周以后的開始日結束日都以outputDate_2為計算基點 
document.getElementById("spnDate").value = changeDateFormat(outputDate_2); 
temp_date = addDate(outputDate_2,+6); 
document.getElementById("finishTime").value =changeDateFormat(temp_date); 
} 
} 
function getFromToDateOfSelectedWeek(){ 
var year = document.getElementById("sltYear"); 
var optionYear=year.getElementsByTagName("option"); 
var strYear = "" ; 
for(var i=0;i<optionYear.length;++i) 
{ 
if(optionYear[i].selected){ 
strYear = optionYear[i].text; 
} 
} 
var month = document.getElementById("sltMonth"); 
var option = month.getElementsByTagName("option"); 
var strMonth = "" ; 
for(var i=0;i<option.length;++i) 
{ 
if(option[i].selected){ 
strMonth = option[i].text; 
} 
} 
//根據選擇的年月,組合成yyyy/mm/01的日期字符串 
var sltDate_tmp_0 = strYear+ "/" + strMonth + "/" + "1"; 
//將日期字符串轉換為日期型 
var sltDate_tmp_1 = new Date(sltDate_tmp_0); 
//取得該月1號所在的星期數 
var weekDay = sltDate_tmp_1.getDay(); 
//獲取頁面選擇的周數 
var weekNumber = document.getElementById("weekNumber"); 
var optionWeek=weekNumber.getElementsByTagName("option"); 
var strWeek = "" ; 
var tmp_date= ""; 
var outputDate_1 = ""; 
var outputDate_2 = ""; 
for(var i=0;i<optionWeek.length;++i) 
{ 
if(optionWeek[i].selected){ 
strWeek = optionWeek[i].text; 
} 
} 
//選擇第1周時計算該年月1號這一天為monday到sunday各種可能性,返回該周monday到sunday的日期 
//以下判斷以此類推 
if(strWeek == '1'){ 
if(weekDay == '0'){ 
weekToDate(strWeek,'0',sltDate_tmp_1); 
} 
if(weekDay == '1'){ 
weekToDate(strWeek,'1',sltDate_tmp_1); 
} 
if(weekDay == '2'){ 
weekToDate(strWeek,'2',sltDate_tmp_1); 
} 
if(weekDay == '3'){ 
weekToDate(strWeek,'3',sltDate_tmp_1); 
} 
if(weekDay == '4'){ 
weekToDate(strWeek,'4',sltDate_tmp_1); 
} 
if(weekDay == '5'){ 
weekToDate(strWeek,'5',sltDate_tmp_1); 
} 
if(weekDay == '6'){ 
weekToDate(strWeek,'6',sltDate_tmp_1); 
} 
} 
if(strWeek == '2'){ 
if(weekDay == '0'){ 
weekToDate(strWeek,'0',sltDate_tmp_1); 
} 
if(weekDay == '1'){ 
weekToDate(strWeek,'1',sltDate_tmp_1); 
} 
if(weekDay == '2'){ 
weekToDate(strWeek,'2',sltDate_tmp_1); 
} 
if(weekDay == '3'){ 
weekToDate(strWeek,'3',sltDate_tmp_1); 
} 
if(weekDay == '4'){ 
weekToDate(strWeek,'4',sltDate_tmp_1); 
} 
if(weekDay == '5'){ 
weekToDate(strWeek,'5',sltDate_tmp_1); 
} 
if(weekDay == '6'){ 
weekToDate(strWeek,'6',sltDate_tmp_1); 
} 
} 
if(strWeek == '3'){ 
if(weekDay == '0'){ 
weekToDate(strWeek,'0',sltDate_tmp_1); 
} 
if(weekDay == '1'){ 
weekToDate(strWeek,'1',sltDate_tmp_1); 
} 
if(weekDay == '2'){ 
weekToDate(strWeek,'2',sltDate_tmp_1); 
} 
if(weekDay == '3'){ 
weekToDate(strWeek,'3',sltDate_tmp_1); 
} 
if(weekDay == '4'){ 
weekToDate(strWeek,'4',sltDate_tmp_1); 
} 
if(weekDay == '5'){ 
weekToDate(strWeek,'5',sltDate_tmp_1); 
} 
if(weekDay == '6'){ 
weekToDate(strWeek,'6',sltDate_tmp_1); 
} 
} 
if(strWeek == '4'){ 
if(weekDay == '0'){ 
weekToDate(strWeek,'0',sltDate_tmp_1); 
} 
if(weekDay == '1'){ 
weekToDate(strWeek,'1',sltDate_tmp_1); 
} 
if(weekDay == '2'){ 
weekToDate(strWeek,'2',sltDate_tmp_1); 
} 
if(weekDay == '3'){ 
weekToDate(strWeek,'3',sltDate_tmp_1); 
} 
if(weekDay == '4'){ 
weekToDate(strWeek,'4',sltDate_tmp_1); 
} 
if(weekDay == '5'){ 
weekToDate(strWeek,'5',sltDate_tmp_1); 
} 
if(weekDay == '6'){ 
weekToDate(strWeek,'6',sltDate_tmp_1); 
} 
} 
if(strWeek == '5'){ 
if(weekDay == '0'){ 
weekToDate(strWeek,'0',sltDate_tmp_1); 
} 
if(weekDay == '1'){ 
weekToDate(strWeek,'1',sltDate_tmp_1); 
} 
if(weekDay == '2'){ 
weekToDate(strWeek,'2',sltDate_tmp_1); 
} 
if(weekDay == '3'){ 
weekToDate(strWeek,'3',sltDate_tmp_1); 
} 
if(weekDay == '4'){ 
weekToDate(strWeek,'4',sltDate_tmp_1); 
} 
if(weekDay == '5'){ 
weekToDate(strWeek,'5',sltDate_tmp_1); 
} 
if(weekDay == '6'){ 
weekToDate(strWeek,'6',sltDate_tmp_1); 
} 
} 
} 

經過測試有一個bug,當2月1日是星期一并且選擇的年份是平年時,選擇2月的第5周,此時第5周的開始日已經是3月而不是2月了。例如,選擇2010年2月第5周此時,程序會顯示2010-03-1至2010-03-07。

解決方法有兩種,一是當用戶選擇第5周時把月份下拉框強制設定到3月。二是,將周下拉框強制設定到第4周上,并且顯示2010-02-22至2010年02-28。

經過測試有一個bug,當2月1日是星期一并且選擇的年份是平年時,選擇2月的第5周,此時第5周的開始日已經是3月而不是2月了。

例如,選擇2010年2月第5周此時,程序會顯示2010-03-1至2010-03-07。

解決方法有兩種,一是當用戶選擇第5周時把月份下拉框強制設定到3月。二是,將周下拉框強制設定到第4周上,并且顯示2010-02-22至2010年02-28。

經過測試有一個bug,當2月1日是星期一并且選擇的年份是平年時,選擇2月的第5周,此時第5周的開始日已經是3月而不是2月了。

例如,選擇2010年2月第5周此時,程序會顯示2010-03-1至2010-03-07。

解決方法有兩種,一是當用戶選擇第5周時把月份下拉框強制設定到3月。二是,將周下拉框強制設定到第4周上,并且顯示2010-02-22至2010年02-28。

以上所述是小編給大家介紹的基于Javascript實現通過選擇周數顯示開始日和結束日的實現代碼,希望對大家有所幫助!

相關文章

  • 利用select實現年月日三級聯動的日期選擇效果【推薦】

    利用select實現年月日三級聯動的日期選擇效果【推薦】

    關于select控件,可能年月日三級聯動的日期選擇效果是最常見的應用了。本文將對日期選擇效果進行詳細介紹。需要的朋友一起來看下吧
    2016-12-12
  • 使用Chart.js圖表庫制作漂亮的響應式表單

    使用Chart.js圖表庫制作漂亮的響應式表單

    數據包圍著我們。雖然搜索引擎和其他應用都對基于文本方式表示的數據偏愛有加,但人們發(fā)現可視化是更容易理解的一種方式。今年初,SitePoint 發(fā)表了 Aurelio 的文章《 Chart.js簡介》。在深入研究 Chart.js 的功能后,本文將會講解這篇簡介的一些重點。
    2015-10-10
  • 一文帶你快速學會JavaScript條件判斷及高級用法

    一文帶你快速學會JavaScript條件判斷及高級用法

    JavaScript支持其用于執(zhí)行根據不同的條件不同的操作條件語句,下面這篇文章主要給大家介紹了關于如何在JavaScript中更好的使用條件判斷的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-09-09
  • javascript使用appendChild追加節(jié)點實例

    javascript使用appendChild追加節(jié)點實例

    這篇文章主要介紹了javascript使用appendChild追加節(jié)點的方法,實例分析了appendChild()函數增加結點的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 微信小程序上線發(fā)布具體流程簡析

    微信小程序上線發(fā)布具體流程簡析

    眾所周知,微信小程序制作成功后,是需要提交到微信公眾平臺去審核的,審核通過后,才可以發(fā)布上線的,上線了之后才可以進行運營的,下面這篇文章主要給大家介紹了關于微信小程序上線發(fā)布具體流程的相關資料,需要的朋友可以參考下
    2022-10-10
  • TypeScript工具類 Partial 和 Required 的場景分析

    TypeScript工具類 Partial 和 Required 的場景分析

    這篇文章主要介紹了TypeScript工具類 Partial 和 Required 的詳細講解,本文通過場景描述給大家詳細講解工具類的使用,結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2022-09-09
  • JS操作COOKIE實現備忘記錄的方法

    JS操作COOKIE實現備忘記錄的方法

    這篇文章主要介紹了JS操作COOKIE實現備忘記錄的方法,涉及JavaScript針對cookie的讀寫操作相關技巧,需要的朋友可以參考下
    2016-04-04
  • js微信分享API

    js微信分享API

    這篇文章主要為大家詳細介紹了js微信分享實現代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 用JS實現圖片輪播效果代碼(一)

    用JS實現圖片輪播效果代碼(一)

    這篇文章主要介紹了用JS實現圖片輪播效果代碼(一)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • JS實現基本的網頁計算器功能示例

    JS實現基本的網頁計算器功能示例

    這篇文章主要介紹了JS實現基本的網頁計算器功能,涉及JavaScript事件響應及數值運算相關操作技巧,需要的朋友可以參考下
    2020-01-01

最新評論