javascript - ラベルの週の日付範囲を取得する

Question

週、前、次の3つのボタンがあります。週のボタンをクリックすると、テキストボックスで選択された日付とそれに追加された 6 日間が表示されます (たとえば、2013 年 6 月 26 日から 2013 年 7 月 2 日までの範囲内)。前のボタンをクリックすると、ラベルに 19 Jun 2013-26 Jun 2013 と表示されます。次のボタンをクリックすると、ラベルに 2 Jul 2013-8 Jul 2013 と表示されます。そして、プロセスは続きます.これがjavascriptでどのように行われるかを知りたいです.

enter code here



  <input type="text" id="txtDateFilter" readonly="readonly"  
   style="height: 25px; width: 150px;
   font-size: medium; font-family: Times New Roman;"   runat="server"    />


    <label  id="txtdatetimeshow" runat="server" />
    <input type="button" id="showweekbtn" runat="server" value="week"/>
    <input type="button" id="sfprevbtn" runat="server" value="prev"/>
    <input type="button" id="sfnextbtn" runat="server" value="next"/>

   Javascript Code        

<script type="text/javascript">
$(document).ready(function()
    {
    var txtDate=$("#txtDateFilter").val();
    var today=new Date();
    var day=today.getDay();
    var date=today.getDate();
    var month=today.getMonth();
    var year= today.getFullYear();
    var month_names = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",   
"Aug", "Sep", "Oct", "Nov", "Dec");

    var NextDate= new Date(year, month, date);

    var weekdate=new Date(txtDate);
    weekdate.setDate(weekdate.getDate()+6);
    var Ndate=NextDate.getDate()+" "+month_names[month]+"   
"+NextDate.getFullYear()+"-"+""+weekdate.getDate()+"  
"+month_names[weekdate.getMonth()]+" "+weekdate.getFullYear();

    var nextWeekDate=new Date(weekdate);
    nextWeekDate.setDate(weekdate.getDate()+6);
    var NWdate=weekdate.getDate()+" "+month_names[weekdate.getMonth()]+" 
"+weekdate.getFullYear()+"-"+""+nextWeekDate.getDate()+" 
"+month_names[nextWeekDate.getMonth()]+" "+nextWeekDate.getFullYear();

    var prevWeekDate=new Date(NextDate);
    prevWeekDate.setDate(NextDate.getDate()-6);
    var PWdate=prevWeekDate.getDate()+" "+month_names[prevWeekDate.getMonth()]+" 
"+prevWeekDate.getFullYear()+"-"+NextDate.getDate()+" 
"+month_names[NextDate.getMonth()]+" "+NextDate.getFullYear();

    //to show previous date
    $("#sfprevbtn").click(function() 
        {
       var prevDate=new Date(year,month,date-1);
       var pdate=prevDate.getDate()+" "+month_names[month] +" "+prevDate.getFullYear();
       $("#txtDateFilter").val(pdate);


            $("#txtdatetimeshow").text(PWdate);

    });
    //to show next date
    $("#sfnextbtn").click(function()
         {

        var nextDate=new Date(year,month,date+1);
        var Ndate=nextDate.getDate()+" "+month_names[month] +"  
"+nextDate.getFullYear();
        $("#txtDateFilter").val(Ndate);


            $("#txtdatetimeshow").text(NWdate);

    });

        //to show week view
        $("#showweekbtn").click(function() 
        {

            $("#txtdatetimeshow").text(Ndate);

});


</script>