Thay đổi date format trong Contact Form 7

Contact Form 7 là plugin giúp bạn tạo form liên hệ phổ biến nhất hiện nay. Nếu bạn đang dùng plugin này và có sử dụng mục date, bây giờ bạn muốn thay đổi lại định dạng ngày tháng trong mục này thì bạn có thể áp dụng jQuery để thực hiện.

Bạn mở tập tin javascript bất kỳ của giao diện hiện tại lên và thêm vào nội dung như sau:

jQuery(document).ready(function ($) {
    (function () {
        var datepicker = $(".wpcf7-date");
        if (datepicker.length) {
            datepicker.each(function () {
                var element = $(this),
                    container = element.parent(),
                    html = element.clone();
                element.remove();
                var newHTML = $(html);
                newHTML.attr("class", "wpcf7-form-control hocwp-wpcf-date");
                newHTML.attr("type", "text");
                newHTML.attr("autocomplete", "off");
                newHTML.val("");
                container.append(newHTML.clone());
                container.find(".hocwp-wpcf-date").datepicker({
                    dateFormat: "dd/mm/yy"
                });
            });
        }
    })();
});

Chú ý, đoạn code này chỉ hoạt động khi bạn load jQuery trên giao diện hiện tại. Nếu giao diện hiện tại không sử dụng bất ký tập tin javascript nào thì bạn có thể tạo mới và dùng hướng dẫn chèn css và js vào WordPress mà mình đã đăng trước đó trên blog HocWP.

Nếu bạn nào chưa làm được thì để lại bình luận, mình sẽ giúp đỡ trong thời gian sớm nhất nhé. Chúc bạn thành công.