Javascript 如何在angular Js的水平分页滚动视图中添加日期选择器？

我是angularjs的初学者。我已经创建了PhoneGap应用程序，用于使用日期选择器。我需要水平方向的月份和日期，但我已经创建了日期选择器演示。它是选择器类型，但我需要这种类型的选择器，它显示在图中

angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'DatepickerDemoCtrl'，function（$scope）{
$scope.today=函数（）{
$scope.dt=新日期（）；
};
$scope.today（）；
功能禁用（数据）{
变量日期=data.date，
mode=data.mode；
返回模式=='天'；
}
函数getDayClass（数据）{
变量日期=data.date，
mode=data.mode；
如果（模式=='day'）{
//var dayToCheck=新日期（日期）.setHours（0,0,0,0）；
对于（变量i=0；i<$scope.events.length；i++）{
//var currentDay=新日期（$scope.events[i].Date）.setHours（0,0,0,0）；
if（dayToCheck==currentDay）{
返回$scope.events[i]。状态；
}
}
}
返回“”；
}
});

所选日期为：{dt|date:'fullDate'}
内联
使用引导日期分页器
引导datepaginator正常运行所需的依赖项的完整列表



更多细节

<link href="./css/bootstrap.css" rel="stylesheet">
<link href="./css/bootstrap-datepicker.css" rel="stylesheet">

<!-- Required Javascript -->
<script src="./js/jquery.js"></script>
<script src="./js/moment.js"></script>
<script src="./js/bootstrap-datepicker.js"></script>
<script src="./js/bootstrap-datepaginator.js"></script>