【问题标题】:Datepicker for single page architecuture using angularJs使用 angularJs 的单页架构的 Datepicker
【发布时间】:2015-05-13 06:49:21
【问题描述】:

如何使用 Angular JS 版本 1.3.15 将日期选择器添加到单页架构??

【问题讨论】:

标签: angularjs jquery-ui-datepicker single-page-application


【解决方案1】:

创建一个指令并将 datepicker 函数应用于链接函数上的元素。

angularModule.directive('datepickerDirective', function () {
  return {
    restrict: 'A',
    link: function (scope, element, attr) {
       var datepicker = $(element).datepicker()
       scope.$on('$destroy', fucntion () {
         // destroy datepicker
       });
    }
  };
});

您可以根据需要进行配置,请查看documentation

<input type="text" data-datepicker-directive />

这是一个更简单的例子,那么你应该添加你的逻辑或使用现有库中的一个(angular-ui,...等)

【讨论】:

  • 如何在MVC视图中调用该函数?
  • 我编辑了响应,所以它有一个用法示例,data- 不是必需的,但这是一个很好的做法,因为某些版本的 ie 需要它。
  • 您是否将日期选择器添加到页面?控制台有错误吗?
  • 控制台没有错误。我添加到查看。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-09-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-21
  • 2014-11-22
  • 1970-01-01
相关资源
最近更新 更多