【问题标题】:how to bind click on year/Month/Week/Day in angular bootstrap calendar (mwl.calendar)如何在角度引导日历(mwl.calendar)中绑定单击年/月/周/日
【发布时间】:2016-03-09 11:18:10
【问题描述】:

我正在使用 angular-bootstrap 日历。链接在这里 http://mattlewis92.github.io/angular-bootstrap-calendar/#?example=kitchen-sink

我想绑定点击年/月/日/周按钮。我已阅读所有文档,但即使我尝试编辑内部文件但无法这样做,我也没有得到任何线索。

【问题讨论】:

  • 试试这个
  • 我通过检查元素尝试了 UI,但不工作

标签: javascript angularjs calendar


【解决方案1】:

有点晚了,但是如果您想根据单击的按钮修改日历视图 - 这就是您需要做的: 定义您的按钮并指定点击事件(我称之为switchView),如下所示:

    <button type="submit" class="btn btn-primary" ng-click="switchView('day')">Day View </button>
    <button type="submit" class="btn btn-primary" ng-click="switchView('week')">Week View</button>
    <button type="submit" class="btn btn-primary" ng-click="switchView('month')">Month View</button>
    <button type="submit" class="btn btn-primary" ng-click="switchView('year')">Year View</button>

然后在你的控制器中,你像这样切换视图:

$scope.switchView = function (viewType){
  console.log('switchView:: viewType', viewType);
  //here I switch the calendar-view
  $scope.calendarView = viewType;
}

我希望这对您和其他人有所帮助。我在我的应用程序中使用了这种技术。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-18
    • 2014-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多