javascript-如何为每个对象datetimepicker创建动态数组

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何为每个对象datetimepicker创建动态数组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1568字，纯文字阅读大概需要3分钟。

内容图文

插件：eonasdan/Bootstrap 3 Datepicker

说明：

我想编写一个用户每天可以选择5个不同小时的应用程序.所以我创建了一个数组并添加了每一天(没有重复),例如用户select 31/12/2017和30/12/2017,现在我想给他们这种选择的能力,每天只能选择5个不同的小时.

试过的代码：

var limit = 5;
var i = 0;
var dateArray = new Object();

$('#ss').click(function() {
  if ($('#datetimepicker1 input').val().length > 0) {
    var date = $('#datetimepicker1 input').val();
    var getDate = date.split(' ');
    var unqdate = getDate[0];
    var unqtime = getDate[1];

    if ($.inArray(unqdate, dateArray) == -1) {
      dateArray[unqdate] = unqtime
    }

  }
  console.log(dateArray);
});

JSFiddle

(要进行测试,请选择一个日期,然后单击“保存”按钮,然后检查控制台)

目标：

var dateArray = {
  "31-12-2017": [{
    "time": "14:00"
  }, {
    "time": "17:15"
  }],
  "30-12-2017": [{
    "time": "13:00"
  }, {
    "time": "12:15"
  }]
}

问题：

>我不知道该如何增加每天的时间.这是我第一次使用像这样的数组和对象.
>我想避免重复输入,并且每天只允许五个小时.

我以某种方式学习.

解决方法:

您的JS代码有问题：

var limit = 5;
var i = 0;
var dateArray = new Object();

$('#ss').click(function() {
  if ($('#datetimepicker1 input').val().length > 0) {
    var date = $('#datetimepicker1 input').val();
    var getDate = date.split(' ');
    var unqdate = getDate[0];
    var unqtime = getDate[1];

    if ($.inArray(unqdate, dateArray) == -1) {
      if(dateArray[unqdate] && dateArray[unqdate].length < limit) {
         if(!dateArray[unqdate].find((ele) =>ele.time === unqtime)){
          dateArray[unqdate].push({"time": unqtime})
         }
      } else {
         dateArray[unqdate] = [{"time": unqtime}]
      }
   }

  }
  console.log(dateArray);
});

注意包括时间分割逻辑.您可以使用split by：并获取数组的前2个元素.

内容总结

以上是互联网集市为您收集整理的javascript-如何为每个对象datetimepicker创建动态数组全部内容，希望文章能够帮你解决javascript-如何为每个对象datetimepicker创建动态数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端