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的日期选择器?如果是,请更新您的问题。