Javascript 如何使用事件侦听器从输入中获取日期值?

Javascript 如何使用事件侦听器从输入中获取日期值?,javascript,amcharts,Javascript,Amcharts,我很难弄清楚如何使用事件来控制日期选择器中的日期,因此,例如,我单击了from date,它应该控制并获取日期选择器中的文本,与我的to date相同。怎么解决这个问题?我找不到解决这个问题的办法,我需要帮助,今天是我的最后期限 var chartData1=[]; generateChartData(); 函数generateChartData(){ var firstDate=新日期(); firstDate.setDate(firstDate.getDate()-500); firstD

我很难弄清楚如何使用事件来控制日期选择器中的日期,因此,例如,我单击了
from date
,它应该控制并获取日期选择器中的文本,与我的
to date
相同。怎么解决这个问题?我找不到解决这个问题的办法,我需要帮助,今天是我的最后期限

var chartData1=[];
generateChartData();
函数generateChartData(){
var firstDate=新日期();
firstDate.setDate(firstDate.getDate()-500);
firstDate.setHours(0,0,0,0);
对于(变量i=0;i<500;i++){
var newDate=新日期(firstDate);
newDate.setDate(newDate.getDate()+i);
var a1=Math.round(Math.random()*(40+i))+100+i;
var b1=Math.round(Math.random()*(1000+i))+500+i*2;
chartData1.push({
“日期”:newDate,
“价值”:a1,
“卷”:b1
});
}
}
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“库存”,
“展期”:假,
“数据集”:[{
“标题”:“第一个数据集”,
“字段映射”:[{
“fromField”:“value”,
“托菲尔德”:“价值”
}, {
“fromField”:“volume”,
“toField”:“卷”
}],
“数据提供者”:chartData1,
“类别字段”:“日期”
}],
“小组”:[{
“showCategoryAxis”:错误,
“标题”:“价值”,
“百分高度”:70,
“股票图表”:[{
“id”:“g1”,
“valueField”:“value”,
“可比”:正确,
“比较字段”:“值”,
“文本”:“[[title]]:[[value]]”,
“CompareGraphBallodText:”[[title]]:[[value]]
}],
“股票传奇”:{
“periodValueTextComparing”:“[[percents.value.close]]%”,
“periodValueTextRegular”:“[[value.close]]”
}
},
{
“标题”:“卷”,
“百分高度”:30,
“股票图表”:[{
“valueField”:“volume”,
“类型”:“列”,
“showBalloon”:假,
“填充字母”:1
}],
“股票传奇”:{
“periodValueTextRegular”:“[[value.close]]”
}
}
],
“图表滚动条设置”:{
“图形”:“g1”
},
“图表光标设置”:{
“ValueBallodesEnabled”:正确,
全宽:对,
cursorAlpha:0.1
},
“周期选择器”:{
“位置”:“左”,
},
“数据集选择器”:{
“位置”:“左”
}
});
chart.addListener('rendered',函数(事件){
var dataProvider=chart.dataSets[0]。dataProvider;
$(.amChartsPeriodSelector.amChartsInputField”).datepicker({
“日期格式”:“dd-mm-yy”,
“minDate”:数据提供程序[0]。日期,
“maxDate”:数据提供程序[dataProvider.length-1]。日期,
“onClose”:函数(){
$(.amChartsPeriodSelector.amChartsInputField”).trigger('blur');
}
});
});
html,正文{
宽度:100%;
身高:100%;
边际:0px;
字体系列:Verdana;
}
#沙特迪夫{
宽度:100%;
身高:100%;
}

jQuery日期选择器有一个事件:

选择日期选择器时调用。函数接收 所选日期作为文本,日期选择器实例作为参数。这 指关联的输入字段

演示
var chartData1=[];
generateChartData();
函数generateChartData(){
var firstDate=新日期();
firstDate.setDate(firstDate.getDate()-500);
firstDate.setHours(0,0,0,0);
对于(变量i=0;i<500;i++){
var newDate=新日期(firstDate);
newDate.setDate(newDate.getDate()+i);
var a1=Math.round(Math.random()*(40+i))+100+i;
var b1=Math.round(Math.random()*(1000+i))+500+i*2;
chartData1.push({
“日期”:newDate,
“价值”:a1,
“卷”:b1
});
}
}
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“库存”,
“展期”:假,
“数据集”:[{
“标题”:“第一个数据集”,
“字段映射”:[{
“fromField”:“value”,
“托菲尔德”:“价值”
}, {
“fromField”:“volume”,
“toField”:“卷”
}],
“数据提供者”:chartData1,
“类别字段”:“日期”
}],
“小组”:[{
“showCategoryAxis”:错误,
“标题”:“价值”,
“百分高度”:70,
“股票图表”:[{
“id”:“g1”,
“valueField”:“value”,
“可比”:正确,
“比较字段”:“值”,
“文本”:“[[title]]:[[value]]”,
“CompareGraphBallodText:”[[title]]:[[value]]
}],
“股票传奇”:{
“periodValueTextComparing”:“[[percents.value.close]]%”,
“periodValueTextRegular”:“[[value.close]]”
}
},
{
“标题”:“卷”,
“百分高度”:30,
“股票图表”:[{
“valueField”:“volume”,
“类型”:“列”,
“showBalloon”:假,
“填充字母”:1
}],
“股票传奇”:{
“periodValueTextRegular”:“[[value.close]]”
}
}
],
“图表滚动条设置”:{
“图形”:“g1”
},
“图表光标设置”:{
“ValueBallodesEnabled”:正确,
全宽:对,
cursorAlpha:0.1
},
“周期选择器”:{
“位置”:“左”,
},
“数据集选择器”:{
“位置”:“左”
}
});
chart.addListener('rendered',函数(事件){
var dataProvider=chart.dataSets[0]。dataProvider;
$(.amChartsPeriodSelector.amChartsInputField”).datepicker({
“日期格式”:“dd-mm-yy”,
“minDate”:数据提供程序[0]。日期,
“maxDate”:数据提供程序[dataProvider.length-1]。日期,
“onClose”:函数(){
$(.amChartsPeriodSelector.amChartsInputField”).trigger('blur');
},
“onSelect”:函数(日期文本){
console.log('date:',dateText);
}
});
});
html,正文{
宽度:100%;
身高:100%;
边际:0px;
字体系列:Verdana;
}
#沙特迪夫{
宽度:100%;
身高:100%;
}


我可以将它们设置为单独的变量吗?如date1和date2?不,我的意思是开始日期=2017年12月13日,然后结束日期=2018年12月19日,如是您希望将它们设置为初始日期