Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未设置JQRangeSloider自定义边界_Javascript_Jquery_Json_Jquery Plugins - Fatal编程技术网

Javascript 未设置JQRangeSloider自定义边界

Javascript 未设置JQRangeSloider自定义边界,javascript,jquery,json,jquery-plugins,Javascript,Jquery,Json,Jquery Plugins,我有一个JSON对象,格式如下: var dataset = [ { "date_hour": "2014-04-30T18:30:00Z", "mv": "OTHERS", "time_period": "Daily", "platform": "MWEB" }, { "date_hour": "2014-04-30T18:30:00Z", "mv": "SEO", "time_period": "Daily",

我有一个JSON对象,格式如下:

  var dataset =  
  [
  {
    "date_hour": "2014-04-30T18:30:00Z",
    "mv": "OTHERS",
    "time_period": "Daily",
    "platform": "MWEB"
  },
  {
    "date_hour": "2014-04-30T18:30:00Z",
    "mv": "SEO",
    "time_period": "Daily",
    "platform": "CORESITE"
  },
  {
    "date_hour": "2014-04-30T18:30:00Z",
    "mv": "EMAIL",
    "time_period": "Hourly",
    "platform": "MWEB"
  }]
我必须为此数据创建一个日期时间滑块。为此,我使用JQRangeSloider。以下是代码片段:

  var min = dataset[0].date_hour
  var max = dataset[dataset.length - 1].date_hour;
  $("#slider").dateRangeSlider({
      bounds: {min: "min",max: "max"}
      });

我的实际数据集是巨大的,并且也是经过排序的。因此,min和max在其中存储了最小和最大时间戳值。但是,滑块的边界没有设置。这样传递变量是错误的还是有其他方法呢?

小部件JQRangeSloider只接受边界作为日期对象。您正在检索的JSON数据包含字符串中的日期值

其次,在您的示例中,bounds对象接收“min”和“max”字符串作为边界。我想这里有个打字错误

  • 解析日期值以创建javascript
    date
    对象
  • 用这些日期设置边界选项
  • 我的建议是:

    // Be sure not to change your date format
    var min = new Date(dataset[0].date_hour),
        max = new Date(dataset[dataset.length - 1].date_hour);
    
    $("#slider").dateRangeSlider({
      bounds: {min: min, max: max}
      });
    

    你能看看这个吗?链接[