Javascript 在jQueryUIDatePicker中选择周数或日期

这是我第一次使用jQueryUI做一些事情，而且我的JS技能还处于初级水平

我的问题是：

我想使用JQuery UI日期选择器来选择：

当我点击某一天时获得一个日期 或

单击周数时获取日期范围

---

如何获取日期/日期范围？但是，如果能得到一个简单的工作示例，那就太好了。

只需玩一下日期，用7减去天就可以得到周数。试试这个：

var selectedDate = $('#datepicker").datepicker( "getDate" );

var iterator = selectedDate;

var year = selectedDate.getFullYear();

var weeksCount = 0;
while (iterator.getFullYear() == year)
{
    iterator = new Date(iterator.getFullYear(),
                        iterator.getMonth(),
                        iterator.getDate()-7);

    weeksCount++;
}

---

weeksCount将有周数：）

只需玩弄日期，减去7天即可得到周数。试试这个：

var selectedDate = $('#datepicker").datepicker( "getDate" );

var iterator = selectedDate;

var year = selectedDate.getFullYear();

var weeksCount = 0;
while (iterator.getFullYear() == year)
{
    iterator = new Date(iterator.getFullYear(),
                        iterator.getMonth(),
                        iterator.getDate()-7);

    weeksCount++;
}

---

weeksCount将有周数：）

只需玩弄日期，减去7天即可得到周数。试试这个：

var selectedDate = $('#datepicker").datepicker( "getDate" );

var iterator = selectedDate;

var year = selectedDate.getFullYear();

var weeksCount = 0;
while (iterator.getFullYear() == year)
{
    iterator = new Date(iterator.getFullYear(),
                        iterator.getMonth(),
                        iterator.getDate()-7);

    weeksCount++;
}

---

weeksCount将有周数：）

只需玩弄日期，减去7天即可得到周数。试试这个：

var selectedDate = $('#datepicker").datepicker( "getDate" );

var iterator = selectedDate;

var year = selectedDate.getFullYear();

var weeksCount = 0;
while (iterator.getFullYear() == year)
{
    iterator = new Date(iterator.getFullYear(),
                        iterator.getMonth(),
                        iterator.getDate()-7);

    weeksCount++;
}

---

weeksCount将有周数：）

也许类似的内容可以帮助您：

$( "#datepicker" ).datepicker({
showWeek: true,
firstDay: 1
});

// Highlight week on hover week number
$(document).on("mouseenter",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").addClass('ui-state-hover');} );
$(document).on("mouseleave",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").removeClass('ui-state-hover');} );

// Select week on click on week number
$(document).on("click",".ui-datepicker-week-col",
   function(){
       $first = $(this).siblings().find("a").first();
       $last = $(this).siblings().find("a").last();
       $first.click();
       $parentFirst = $first.parent();
       $parentLast = $last.parent();
       $("#datepicker").val(
       (Number($parentFirst.data("month"))+1)+"/"+$first.text()+"/"+$parentFirst.data("year")
           + " - " +
        (Number($parentLast.data("month"))+1)+"/"+$last.text()+"/"+$parentLast.data("year")
       );
    });

---

小提琴演示：

也许类似的东西可以帮助您：

$( "#datepicker" ).datepicker({
showWeek: true,
firstDay: 1
});

// Highlight week on hover week number
$(document).on("mouseenter",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").addClass('ui-state-hover');} );
$(document).on("mouseleave",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").removeClass('ui-state-hover');} );

// Select week on click on week number
$(document).on("click",".ui-datepicker-week-col",
   function(){
       $first = $(this).siblings().find("a").first();
       $last = $(this).siblings().find("a").last();
       $first.click();
       $parentFirst = $first.parent();
       $parentLast = $last.parent();
       $("#datepicker").val(
       (Number($parentFirst.data("month"))+1)+"/"+$first.text()+"/"+$parentFirst.data("year")
           + " - " +
        (Number($parentLast.data("month"))+1)+"/"+$last.text()+"/"+$parentLast.data("year")
       );
    });

---

小提琴演示：

也许类似的东西可以帮助您：

$( "#datepicker" ).datepicker({
showWeek: true,
firstDay: 1
});

// Highlight week on hover week number
$(document).on("mouseenter",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").addClass('ui-state-hover');} );
$(document).on("mouseleave",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").removeClass('ui-state-hover');} );

// Select week on click on week number
$(document).on("click",".ui-datepicker-week-col",
   function(){
       $first = $(this).siblings().find("a").first();
       $last = $(this).siblings().find("a").last();
       $first.click();
       $parentFirst = $first.parent();
       $parentLast = $last.parent();
       $("#datepicker").val(
       (Number($parentFirst.data("month"))+1)+"/"+$first.text()+"/"+$parentFirst.data("year")
           + " - " +
        (Number($parentLast.data("month"))+1)+"/"+$last.text()+"/"+$parentLast.data("year")
       );
    });

---

小提琴演示：

也许类似的东西可以帮助您：

$( "#datepicker" ).datepicker({
showWeek: true,
firstDay: 1
});

// Highlight week on hover week number
$(document).on("mouseenter",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").addClass('ui-state-hover');} );
$(document).on("mouseleave",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").removeClass('ui-state-hover');} );

// Select week on click on week number
$(document).on("click",".ui-datepicker-week-col",
   function(){
       $first = $(this).siblings().find("a").first();
       $last = $(this).siblings().find("a").last();
       $first.click();
       $parentFirst = $first.parent();
       $parentLast = $last.parent();
       $("#datepicker").val(
       (Number($parentFirst.data("month"))+1)+"/"+$first.text()+"/"+$parentFirst.data("year")
           + " - " +
        (Number($parentLast.data("month"))+1)+"/"+$last.text()+"/"+$parentLast.data("year")
       );
    });

小提琴演示：

看这里看这里看这里看这里看这里看这里看这里