Question

jQuery DatePicker能够根据所选日期返回周数。

如何根据所选日期获取该周数的开始日期和结束日期？

目前我有以下代码，但我会感谢任何提高上述要求的提示。

 <script type="text/javascript">
    $(document).ready(function () {
         $('#' + '<%= weekTBox.ClientID %>').datepicker({
             showOn: "button",
             buttonImage: "images/calendar.gif",
             buttonImageOnly: true,
             constrainInput: true,
             showWeek: true,
             firstDay: 1,
             showOtherMonths: true, 
             selectOtherMonths: true                 
             ,onSelect: function (dateText, ui) {
                //desired functionality should be here...
                 $this.val($.datepicker.iso8601Week(new Date(dateText)));
             } 
         });
     });
</script>

Answer 1

给定一年和一周的数字，以下内容返回的日期是一周开始的星期一（假设你想要从周一开始的几周）。

周数基于一年中第一个星期四的星期，因此此函数在1月1日查看并确定第1周（星期一）的第一天，然后为周数* 7添加天数主题周的第一个星期一。本周末是接下来的星期日，所以只需在日期中加7即可。

// Returns a Date object for Monday at the
// start of the specified week
function dateFromWeekNumber(year, week) {
  var d = new Date(year, 0, 1);
  var dayNum = d.getDay();
  var diff = --week * 7;

  // If 1 Jan is Friday to Sunday, go to next week
  if (!dayNum || dayNum > 4) {
    diff += 7;
  }

  // Add required number of days
  d.setDate(d.getDate() - d.getDay() + ++diff);
  return d;
}

console.log(dateFromWeekNumber(2014, 1));  // Mon 30 Dec 2013
console.log(dateFromWeekNumber(2016, 1));  // Mon 04 Jan 2016
console.log(dateFromWeekNumber(2014, 30)); // Mon 21 Jul 2014

您可能想要添加验证，例如周是一个大于零且小于54的整数。

修改

修改为返回星期一的周数。

Answer 2

FIDDLE

 $( "#datepicker" ).datepicker({
    showWeek: true,
    firstDay: 1,
    onSelect: function(date){
     var d = new Date(date);
     var d1 = new Date(date);
        var index = d.getDay();

       // console.log(index)
        if(index == 0) {
         d.setDate(d.getDate() - 6);   
         d1.setDate(d1.getDate() - 2);   
        }
        else if(index == 1) {
         d.setDate(d.getDate());
         d1.setDate(d1.getDate()+4);               
        }
        else if(index != 1 && index > 0) {
          d.setDate(d.getDate() - (index - 1));
            d1.setDate(d1.getDate() + (index + 1));
            //console.log(d.getDate() - (index - 1))        
        }

        console.log('Week number::'+$.datepicker.iso8601Week(new Date(d)));
        console.log("start date::"+d)
        console.log("End date::"+d1)
        //$(this).val(d);
    }

     });
 });

我认为这会对你有所帮助..

如何在jQuery datepicker中给出周数给出开始日期和结束日期

2 个答案:

修改