パラメーターのnameはGA同様、_u.date00、_u.date01にします。
<?php
$date1 = date("Y-m-d", strtotime("-50 days"));
$date2 = date("Y-m-d");
?>
<style>
input{
width:90px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" >
<form method="GET" name="form" action="">
<input name="_u.date00" type="text" id="datepicker" value="<?php echo $date1; ?>"> ~ <input name="_u.date01" type="text" id="datepicker2" value="<?php echo $date2; ?>">
<input type="submit" class="submit">
</form>
<script>
var dateFormat = 'yy-mm-dd';
$(function() {
$("#datepicker").datepicker({
dateFormat: dateFormat,
maxDate:0,
onClose: function(dateText, inst){
$('#datepicker2').datepicker('option', 'minDate', dateText);
$('#datepicker').val(dateText);
}
});
$("#datepicker2").datepicker({
dateFormat: dateFormat,
maxDate:0,
onClose: function(dateText, inst){
$('#datepicker').datepicker('option', 'maxDate', dateText);
$('#datepicker2').val(dateText);
}
});
});
</script>
送れています。

つなげると、、、

mongodbのfilterで’date’ => [ ‘$gte’ => $date1, ‘$lte’ => $date2]とすると、
date2が00:00:00で算出してしまうので、以下のように、Getパラメーター取得時は、その日の23:59:59にします。
if(isset($_GET['_udate00'])&&isset($_GET['_udate01'])) {
$date1 = $_GET['_udate00'];
$date2 = $_GET['_udate01'] . " 23:59:59";
} else {
$date1 = date("Y-m-d", strtotime("-10 day"));
$date2 = date("Y-m-d H:i:s");
}
次はarray_count_valuesでアクセスされたページのテーブル表示です。

あれ、google見ると、ページごとにPageviews、Unique Pageviews、Avg. Time on Page 、Entrances、Bounce Rateがある。。。まじかよ。。。