如何在x-editable中禁用未来日期?

时间:2016-03-14 06:19:48

标签: javascript angularjs twitter-bootstrap jquery-plugins

我尝试了很多方法,但没有成功。 我想在x-editable中禁用日期选择器中的未来日期选择。 这是我的 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;
        }

1 个答案:

答案 0 :(得分:0)

最后我获得了成功 在 html 中添加 e-max-Date =&#39; TeamData.maxEndDate&#39; 并设置   $ scope.maxEndDate = js文件中的新日期();

<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>