Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.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 如何启用与rangeselector中的数据匹配的日期?_Javascript_Highcharts_Datepicker - Fatal编程技术网

Javascript 如何启用与rangeselector中的数据匹配的日期?

Javascript 如何启用与rangeselector中的数据匹配的日期?,javascript,highcharts,datepicker,Javascript,Highcharts,Datepicker,我已将日期选择器添加到highchart中,如下所示 $(function() { $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) { // Create the chart $('#container').highcharts('StockChart', { rangeSelect

我已将
日期选择器添加到
highchart
中,如下所示

$(function() {

$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
    // Create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]

    }, function(chart){

        // apply the date pickers
        setTimeout(function () {
            $('input.highcharts-range-selector', $(chart.container).parent())
                .datepicker();
        }, 0);
    });
});


// Set the datepicker's date format
$.datepicker.setDefaults({
    dateFormat: 'yy-mm-dd',
    onSelect: function(dateText) {
        this.onchange();
        this.onblur();
    }
});
}))

如何防止用户选择超出数据范围的日期?例如,如果我拥有的最旧数据是
25-12-2010
,则在日期选择器中,应禁用
25-12-2010
之前的日期。感谢您的帮助阅读以下内容:

但你需要: 1.从数据库或文件中获取开始日期 2.从数据库或文件中获取结束日期

您可以设置回调。如果日期有效,则应返回true或false-在本例中,您可以检查日期是否在导航器范围内

  $.datepicker.setDefaults({
    dateFormat: 'yy-mm-dd',
    beforeShowDay: function (date) {
      var d = new Date(date).getTime();
      var {min, max} = chart.navigator.xAxis;

      return [min <= d && d <= max];
    },
$.datepicker.setDefaults({
日期格式:'年-月-日',
beforeShowDay:功能(日期){
var d=新日期(Date).getTime();
var{min,max}=chart.navigator.xAxis;

return[min您使用哪个日期选择器,来自哪个库?来自Jquery的日期选择器?如果是,请更新您的问题。