此处日期选择器的目的是允许用户使用已选择的当前日期访问此网页,但也允许他们选择其他日期。
这是events.php页面中脚本的代码:
$(function() {
$( "#calendar" ).datepicker({dateFormat: 'yy-mm-dd'}).datepicker("setDate", new Date());
});
在用户看到文本框的页面上填充了应有的当前日期。但是在main-events.js文件中我只访问了这个值,只有当用户再次选择相同的日期或其他日期才有值时。
date = $('#calendar').val();
console.log("hi");
console.log(date);
$('#calendar').change(function(){
date = $('#calendar').val();
trafficChart.destroy();
totalChart.destroy();
createTrafficChart();
createTotalChart();
console.log("calendar change");
});
在控制台中我可以看到" hi"打印出来,但是日期打印出一个空行。当用户选择另一个日期时,它会打印" hi"以及它应该的日期。
是否有理由在页面最初加载时日期为空,直到用户手动选择其他日期为止?