Dùng datetime picker plugin jquery trong vuejs

Dùng datetime picker plugin jquery trong vuejs: vuejs tuyệt vời ở chỗ nó cho phép chúng ta dùng jquery bên trong nó, đó là điều tuyệt với khi mà các component vue js chưa phong phú bằng jquery. Trong bài viết hôm nay tôi sẽ hướng dẫn anh chị sửa dụng plugin jquery datetime picker

Dùng datetime picker plugin jquery trong vuejs
Dùng datetime picker plugin jquery trong vuejs

Tải thư viện plugin datetime picker

Đây là link mình up lên github anh chị có thể theo link này để tải về https://github.com/nguyentantung/datetimepicker

Include thư viện vào wordpress

dưới đây là code để include vào wordpress, anh chị cần sửa lại path, url cho phù hợp với thực tế trong project của anh chị

Cách dùng trong vue js

Dưới đây là code ví du mà tôi sử dụng trong form

openModalEdit chính là function trong  method của vue js, function này có chức năng là mở cái modal như bức hình dưới đây và đây là đoạn code jquery liên quan đến datetime picker, chúng ta phải dispatchEvent để nó update value vào v-model (vue js thì nó load dom theo ý của chúng ta nên phải làm việc này)

 

dung datetime picker plugin jquery trong vuejs

5/5 (1 Đánh giá)

Gửi Phản Hồi
Chọn đánh giá của bạn
0 Bình Luận
Thông tin người gửi
Anh Chị


Đăng ký nhận bài viết mới

Khi mình đăng bài mới bạn sẽ nhận nó qua Email


Super-flatsome

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress

0912889416