RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1096071
Accepted
Kirzzz
Kirzzz
Asked:2020-03-18 08:06:27 +0000 UTC2020-03-18 08:06:27 +0000 UTC 2020-03-18 08:06:27 +0000 UTC

通过 JavaScript 显示日期时帮助查找错误

  • 772

有一个显示月份的代码(从当前的+11开始),之后,根据所选月份,显示本月的日期(3月从当前日期到3月底,即从18日到31日,4 月 1 日至 30 日等),问题就在这里,严重的不一致:

jQuery(document).ready(function() {
  Data = new Date();
  Year = Data.getFullYear();
  Month = Data.getMonth();
  Day = Data.getDate();

  var arr_month = [
    'Январь',
    'Февраль',
    'Март',
    'Апрель',
    'Май',
    'Июнь',
    'Июль',
    'Август',
    'Сентябрь',
    'Октябрь',
    'Ноябрь',
    'Декабрь',
  ];


  var elem = document.getElementById('scrollbar1');

  for (i = 0; i < 12; i++) {
    var new_month = new Date(Year, Month + i, Day).getMonth();
    var label = document.createElement('label');
    label.className = 'item01';
    label.name = ('item01_label_name');
    $(label).attr('id', 'item01_label');
    var snap = document.createElement('snap');
    snap.className = 'item01_snap';
    snap.innerText = arr_month[new_month];
    var inp = document.createElement('input');
    inp.setAttribute('type', 'radio');
    inp.value = new_month;
    $(inp).attr('id', 'item01_radio');
    inp.name = ('item01_radio');
    $(inp).attr('required', true);

    label.appendChild(snap);
    label.appendChild(inp);
    elem.appendChild(label);
  }

  $('input:radio[name="item01_radio"]').change(function() {
    $('input:radio[name="item01_radio"]').parent().removeClass('label_main_selected');
    $('input:radio[name="item01_radio"]:checked').parent().toggleClass('label_main_selected');
    var month_check = $('input:radio[name="item01_radio"]:checked').val();

    if (month_check == Month) {

      var days = new Date(Year, (Data.getMonth() + 1), 0).getDate();
      var days_remained = days - Day;
      response = days_remained;
    } else {
      response = new Date(Year, (month_check + 1), 0).getDate();
    }

    document.getElementById('scrollbar2').innerHTML = "";
    var elem = document.getElementById('scrollbar2');
    console.log(response);
    for (i = 1; i < response + 1; i++) {
      if (month_check == Month) {
        new_date = new Date(Year, Data.getMonth(), Day + i).getDate();
        full_date = new Date(Year, Data.getMonth(), Day + i);
      } else {
        new_date = new Date(Year, month_check, i).getDate();
        full_date = new Date(Year, month_check, i);
      }
      var label = document.createElement('label');
      label.className = 'item11';
      label.name = ('item11_label_name');
      $(label).attr('id', 'item11_label');
      var snap = document.createElement('snap');
      snap.className = 'item11_snap';
      snap.innerText = new_date;
      var inp = document.createElement('input');
      inp.setAttribute('type', 'radio');
      inp.value = full_date;
      $(inp).attr('id', 'item11_radio');
      inp.name = ('item11_radio');
      $(inp).attr('required', true);

      label.appendChild(snap);
      label.appendChild(inp);
      elem.appendChild(label);
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

       <main>
        <div class="grid_container">
            <div class = "wrapper">
                <div class="item0" id="scrollbar1">
                    
                </div>
                <div class="item1" id="scrollbar2">
                    
                </div>
            </div>
        </div>
    </main>

  1. 该变量full_date似乎显示了正确的年份和月份Sun Apr 05 2020 00:00:00 GMT+0300(莫斯科标准时间) 但是如果您看一下,4 月 5 日是星期四,而不是星期日。

  2. 如果叉子if(month_check == Month)转到else,那么四月、五月、六月、七月、八月、九月、十月的响应变量将分别等于 31、31、31、31、30、30、31、31(通常, 周期 4 从 4 月开始到 31 2 到 30 等),这与这些月的天数不对应。

我知道这是一个大问题,但也许有人会立即注意到这个错误。您可以批评代码,只需充分询问,指出不好的语气和替代解决方案!!!

javascript
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    Stepan Kasyanenko
    2020-03-18T18:30:50Z2020-03-18T18:30:50Z

    错误在于隐式类型转换。该变量month_check是字符串类型。

    并且执行response = new Date(Year, (month_check + 1), 0).getDate();没有达到你的预期。类似的东西response = new Date(2020, '21', 0).getDate();,与month_check = '2'。

    jQuery(document).ready(function() {
      Data = new Date();
      Year = Data.getFullYear();
      Month = Data.getMonth();
      Day = Data.getDate();
    
      var arr_month = [
        'Январь',
        'Февраль',
        'Март',
        'Апрель',
        'Май',
        'Июнь',
        'Июль',
        'Август',
        'Сентябрь',
        'Октябрь',
        'Ноябрь',
        'Декабрь',
      ];
    
    
      var elem = document.getElementById('scrollbar1');
    
      for (i = 0; i < 12; i++) {
        var new_month = new Date(Year, Month + i, Day).getMonth();
        var label = document.createElement('label');
        label.className = 'item01';
        label.name = ('item01_label_name');
        $(label).attr('id', 'item01_label');
        var snap = document.createElement('span');
        snap.className = 'item01_snap';
        snap.innerText = arr_month[new_month];
        var inp = document.createElement('input');
        inp.setAttribute('type', 'radio');
        inp.value = new_month;
        $(inp).attr('id', 'item01_radio');
        inp.name = ('item01_radio');
        $(inp).attr('required', true);
    
        label.appendChild(snap);
        label.appendChild(inp);
        elem.appendChild(label);
      }
    
      $('input:radio[name="item01_radio"]').change(function() {
        $('input:radio[name="item01_radio"]').parent().removeClass('label_main_selected');
        $('input:radio[name="item01_radio"]:checked').parent().toggleClass('label_main_selected');
        // вот тут ошибка month_check - имела строковое значение текущего месяца
        var month_check = +$('input:radio[name="item01_radio"]:checked').val();
    
        if (month_check == Month) {
    
          var days = new Date(Year, (Data.getMonth() + 1), 0).getDate();
          var days_remained = days - Day;
          response = days_remained;
        } else {
          response = new Date(Year, (month_check + 1), 0).getDate();
        }
    
        document.getElementById('scrollbar2').innerHTML = "";
        var elem = document.getElementById('scrollbar2');
        console.log(response);
        for (i = 1; i < response + 1; i++) {
          if (month_check == Month) {
            new_date = new Date(Year, Data.getMonth(), Day + i).getDate();
            full_date = new Date(Year, Data.getMonth(), Day + i);
          } else {
            new_date = new Date(Year, month_check, i).getDate();
            full_date = new Date(Year, month_check, i);
          }
          var label = document.createElement('label');
          label.className = 'item11';
          label.name = ('item11_label_name');
          $(label).attr('id', 'item11_label');
          var snap = document.createElement('snap');
          snap.className = 'item11_snap';
          snap.innerText = new_date;
          var inp = document.createElement('input');
          inp.setAttribute('type', 'radio');
          inp.value = full_date;
          $(inp).attr('id', 'item11_radio');
          inp.name = ('item11_radio');
          $(inp).attr('required', true);
    
          label.appendChild(snap);
          label.appendChild(inp);
          elem.appendChild(label);
        }
      });
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    <main>
      <div class="grid_container">
        <div class="wrapper">
          <div class="item0" id="scrollbar1">
    
          </div>
          <div class="item1" id="scrollbar2">
    
          </div>
        </div>
      </div>
    </main>

    • 1

相关问题

  • 第二个 Instagram 按钮的 CSS 属性

  • 由于模糊,内容不可见

  • 弹出队列。消息显示不正确

  • 是否可以在 for 循环中插入提示?

  • 如何将 JSON 请求中的信息输出到数据表 Vuetify vue.js?

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    如何从列表中打印最大元素(str 类型)的长度?

    • 2 个回答
  • Marko Smith

    如何在 PyQT5 中清除 QFrame 的内容

    • 1 个回答
  • Marko Smith

    如何将具有特定字符的字符串拆分为两个不同的列表?

    • 2 个回答
  • Marko Smith

    导航栏活动元素

    • 1 个回答
  • Marko Smith

    是否可以将文本放入数组中?[关闭]

    • 1 个回答
  • Marko Smith

    如何一次用多个分隔符拆分字符串?

    • 1 个回答
  • Marko Smith

    如何通过 ClassPath 创建 InputStream?

    • 2 个回答
  • Marko Smith

    在一个查询中连接多个表

    • 1 个回答
  • Marko Smith

    对列表列表中的所有值求和

    • 3 个回答
  • Marko Smith

    如何对齐 string.Format 中的列?

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5