2012-03-09 80 views
1

我有一个组合框DateType,选项Today, Yesterday, Week-to-date and Manual Entry。 我也有2个文本框 - 一个用于Start Date,另一个用于End Date。 默认情况下,DateType将被设置为Today的日期。本周至今的日期选择

对于例如:比方说,当前日期为01/11/2011(星期二)

When DateType : Today 
Start Date = 01/11/2011 
End Date = 01/11/2011 

When DateType : Week-to-date (Note: Each week will be `Sun to Sat`) 
Start Date = 01/09/2012 (Sun) 
End Date = 01/11/2012 (Current Date) 

几个变量:

var startDate = new Date(document.getElementsByName('Start Date').value); 
var endDate = new Date(document.getElementsByName('End Date').value); 

我是新来的JavaScript,因此任何人都可以帮助我构建一个功能,可以根据所选的DateType(如上所述)修改Start DateEnd Date。 我只需要条件Week-to-date 其余的会类似,我猜,所以我可以构造其余条件。

在此先感谢!

+0

把一些HTML和任何功能,您至今对JSFiddle.net那么我们可以看看。 – mplungjan 2012-03-09 10:28:21

回答

1

在响应选择控制,你可以设定一个日期范围类似的onchange事件:

function setDateRange() 
{ 
    var periodSelection = dateseln.period.options[dateseln.period.selectedIndex].value; 
    var start; 
    switch (periodSelection) 
    { 
    case "Today": 
     start = new Date(); 
     break; 
    case "WeekToDate": 
     start = new Date(); 
     start.setDate(start.getDate() - start.getDay()); 
     break; 
    } 
    dateseln.startDate.value = start; 
    dateseln.endDate.value = new Date(); 
}