wdatepicker是一个非常好用的时间控件,可以选择年月日以及时分秒,特别方便,但是在angular js 中使用的时候也比较麻烦,现在将遇到的一些问题总结下:
从网上档了一个wdatepicker的包,但是这个包不能破坏原有的结构。
1.在封装的directive控件中使用的时候,总是报错,找不到Wdatepicker.js等一些引用文件:
解决办法:修改下Wdatepicker.js中的一个参数$dpPath:"./datepicker/" 然后就可以啦。
2.ng-model="sTime" 失效,选择完时间,总是获取不到选择的时间。
解决办法:
(1)在使用WdatePicker的地方,加上 OnChange= "" 。如下:
OnChange="" required ui-validate="'$value<=endDate'" ui-validate-watch="'endDate' " />
(2)但是如果页面被压缩,OnChange= "" 就不存在了,数据绑定又会失效。这时可以在初始化WdatePicker中加入onpicked: function(){$(this).trigger('change')},意思是选择值发生变化的时候,选择元素触发change事件。如下:
备注:
关于wdatepicker的一些属性、事件可以参考其资料:
http://www.my97.net/dp/demo/resource/2.1.asp