怎么在vue2中应用My97DatePicker,给一个具体的过程,谢谢

怎么在vue2中应用My97DatePicker,给一个具体的过程,谢谢

回答:

mydatepicker97自定义事件

如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求.

注意下面几个重要的指针,将对你的编程带来很多便利
this: 指向文本框
dp: 指向$dp
dp.cal: 指向日期控件对象
注意:函数原型必须使用类似 function(dp){} 的模式,这样子,在函数内部才可以使用dp
<input type=”text” id=”5421″ onFocus=”WdatePicker({onpicking:function(dp){if(!confirm(‘日期框原来的值为: ‘+dp.cal.getDateStr()+’, 要用新选择的值:’ + dp.cal.getNewDateStr() + ‘覆盖吗?’)) return true;}})”
我是这么使用的:
<input type=”text” name=”ETD” onClick=”WdatePicker({onpicking:function(dp){vm.$data.Booking_Info.ETD=dp.cal.getNewDateStr(); }})” placeholder=”必输项” v-model=”Booking_Info.ETD”>
原理就是选择好时间之后直接给vm中data的对象赋值为选择的日期值,这样是可以的,间接解决。
希望可以帮到你!

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注