javascript - 如何禁用 x-editable 中的 future 日期?

标签 javascript angularjs twitter-bootstrap jquery-plugins

我尝试了很多方法,但都没有成功。 我想禁用 x-editable 中的日期选择器中的 future 日期选择。 这是我的 html 代码。

<a  href="#" editable-bsdate="TeamData.selectedDate"  
           onshow="openPicker()"
           onhide="closePicker()"
           e-is-open="TeamData.pickeropened"
           e-datepicker-popup="dd/MM/yyyy">

            {{ (TeamData.selectedDate | date:"dd/MM/yyyy") || 'empty'}}  
</a>

这是js代码

var date = new Date();
date = $scope.TeamData.selectedDate.toLocaleDateString();


       //function for date picker when picker is open
        function openPicker() {
            $timeout(function () {
                $scope.TeamData.pickeropened = true;
            });
        }

        //function for date picker when picker is close
        function closePicker() {

            $scope.TeamData.pickeropened = false;
        }

最佳答案

终于成功了 在 html 中添加 e-max-Date='TeamData.maxEndDate' 并设置 js 文件中的 $scope.maxEndDate = new Date();

<a  href="#" editable-bsdate="TeamData.selectedDate"  
           onshow="openPicker()"
           onhide="closePicker()"
           e-is-open="TeamData.pickeropened"
           e-max-Date='TeamData.maxEndDate'
           e-datepicker-popup="dd/MM/yyyy">

            {{ (TeamData.selectedDate | date:"dd/MM/yyyy") || 'empty'}}   </a>

关于javascript - 如何禁用 x-editable 中的 future 日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35980740/

相关文章:

javascript - 无法读取空 URL : webpack:///./~react-dom/lib/DOMLazyTree.js 的属性 'replaceChild'

javascript - 在 AngularJS 中单击行时如何在模式中显示特定行的详细信息

javascript - 我的 Angular JS 应用程序可以在桌面浏览器中运行,但不能在移动浏览器中运行

javascript - Bootstrap 下拉按钮不适用于 3.3.6 版本

html - 我的标记中有些奇怪。 Twitter Bootstrap 选项卡不起作用

html - 使汉堡菜单与 Logo 保持一致

javascript - 如何在 raphael JS 文本中换行?

php - Jquery PHP mySQL ajax 方法将数据同步到两个客户端?

javascript - 附加或附加到,以及如何?

angularjs - 在 AngularJS 中转换 JSON 日期