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

发布于 2022-09-05 15:42:20 字数 43 浏览 9 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

孤芳又自赏 2022-09-12 15:42:21

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的对象赋值为选择的日期值,这样是可以的,间接解决。
希望可以帮到你!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文