项目中遇到angular时间插件datetinepicker汉化问题

前端之家收集整理的这篇文章主要介绍了项目中遇到angular时间插件datetinepicker汉化问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

问题描述:

  测试需要中文的时间插件:

  

分享图片

参考资料:

  angularjs封装bootstrap官网的时间插件datetimepicker

  https://www.cnblogs.com/cynthia-wuqian/p/5594839.html

 

项目中:

  angular能用就不用管导入angular问题了! 

  在根anhularjs,添加动态指令,(如app.js)  也可以是html对应的js,全局加载最好! 

  可能不同的版本需要的也不一样! 这个项目angularjs,比较低! v.1.2.2 (捂脸哭)

ad.directive(‘ngTime‘,function ($compile) {
    return {
        restrict: ‘A‘,require: ‘?ngModel‘,link: function ($scope,$element,$attrs,$ngModel) {
            if (!$ngModel) {
                return;
            }
            $.datetimepicker.setLocale(‘zh‘)
            $(‘[ng-time]‘).datetimepicker({
                format: ‘Y-m-d H:i:s‘,lang: ‘zh‘,step: 15,timepickerScrollbar: false
            });
            $(‘.datetimepicker‘).datetimepicker({
                format: ‘Y-m-d H:i:s‘,timepickerScrollbar: false
            });
        }
    };
});

 

  元素标签也需要 

    class="datetimepicker"  ng-time

 

分享图片

 

结果:

分享图片

猜你在找的Angularjs相关文章