AngularJS ng-model获取不到WdatePicker值的解决方案

最新推荐文章于 2022-06-03 21:31:42 发布

竹音林

最新推荐文章于 2022-06-03 21:31:42 发布

阅读量4.7k

点赞数 1

分类专栏： AngularJS 文章标签： WdatePicker AngularJS ng-model onpicked oncleared

本文链接：https://blog.youkuaiyun.com/u010884130/article/details/51930739

版权

AngularJS 专栏收录该内容

2 篇文章

订阅专栏

建议使用AngularJS directive指令，通过onpicked（选中后触发）和oncleared（点击清除按钮触发）两个回调函数来触发元素的change事件，AngularJS就可以获取到日期值了，代码如下：

var app = angular.module("root",[]);
app.directive('wdatePicker',function(){
        return{
            restrict:"A",
            link:function(scope,element,attr){
                element.bind('click',function(){
                    window.WdatePicker({
                        onpicked: function(){element.change()},
                        oncleared:function(){element.change()}
                    })
                });
            }
        }
    });

引用指令wdate-picker指令

 <input class="form-control" ng-model="date" wdate-picker placeholder="请输入时间">