js动态增加当前一周时间

本文介绍了一个使用JavaScript实现的日期选择器,能够根据当前日期动态生成一周的日历视图,并允许用户通过输入框选择具体日期进行跳转。此外,还包含了如何根据不同情况调整样式以突出选中日期。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     
              <script src="js/jquery-1.7.2.min.js" type ="text/javascript"></ script>
                  <script type="text/javascript">
                      window.onload = function() {
                          var now = new Date();
                          var yr = now.getFullYear();
                          var month = ((now.getMonth() < 9) ? "0" : "") + (now.getMonth() + 1);
                          var day = now.getDay();
                          var date = now.getDate();

                          var aryDay = new Array(" ", " ", "" , " ", " ", "" , " ");
                          var liClass = "week" ;
                          try {
                              var url = window.location.href //获取当前 URL
                              var param = url.split("?" )[1].split("=")[1];
                              var hidDate = param;
                              $( "#txt_Date").val(hidDate);
                          }
                          catch (e) {
                          }
                          finally {
                              var param1 = $("#txt_Date" ).val();
                              var dateNow = now.getDate();
                              var date1 = yr + "-" + month + "-" + ((dateNow < 10) ? "0" : "" ) + dateNow;
                              if (param1 == "" ) {
                                  $( "#txt_Date").val(date1);
                              }
                          }
                          var compareDate;
                          for (var i = 0; i <= 6; i++) {
                              if (i <= day) {
                                  compareDate = yr + "-" + month + "-" + (((date - (day - i)) < 10) ? "0" : "") + (date - (day - i));
                                  if (compareDate == $("#txt_Date" ).val()) {
                                      liClass = "choosetoday" ;
                                  }
                                  $( "#ulID").append("<a href='FinCalendar.asp?date=" + yr + "-" + month + "-" + (((date - (day - i)) < 10) ? "0" : "" ) + (date - (day - i)) + "'><li class='" + liClass + "'><p> 星期" + aryDay[i] + "</p><p>(" + month + "/" + (date - (day - i)) + ")</p></li></a>" );
                                  liClass = "week";
                              }
                              else {
                                  compareDate = yr + "-" + month + "-" + (((date + (i - day)) < 10) ? "0" : "") + (date + (i - day));
                                  if (compareDate == $("#txt_Date" ).val()) {
                                      liClass = "choosetoday" ;
                                  }
                                  $( "#ulID").append("<a href='FinCalendar.asp?date=" + yr + "-" + month + "-" + (((date + (i - day)) < 10) ? "0" : "" ) + (date + (i - day)) + "'><li class='" + liClass + "'><p> 星期" + aryDay[i] + "</p><p>(" + month + "/" + (date + (i - day)) + ")</p></li></a>" );
                                  liClass = "week";
                              }
                          }
                      }

     function jump() {
        var date = document.getElementById("txt_Date").value;
        if (date == "" ) {
            var now = new Date();
            var yr = now.getFullYear();
            var month = ((now.getMonth() < 9) ? "0" : "") + (now.getMonth() + 1);
            var dateNow = now.getDate();
            date = yr + "-" + month + "-" + ((dateNow < 10) ? "0" : "") + dateNow;
        }
        location.href = "FinCalendar.asp?date=" + date;
    }
                  </script>
                      <ul id="ulID">
                      </ul>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值