Datepicker JQUERY 不是 select 輸入日期

Question

我有 jquery 日期選擇器並嘗試制作 select 數據進行計數。 當單擊輸入時，我會從輸入消息 1、aprill、21 中獲取日期選擇器日歷和同時提醒。 如果我從 datepicker 中選擇日期，我不會從我的 function 中獲得結果。 如果我選擇消息日期，我會得到 NaN。 所以這意味着我的日期選擇器 select 不起作用。 我該如何解決它。 我的 HTML 對這個 plagin 非常厭倦

<input type="text" class="form-control datepicker error-place" name="datepicker" id="datepicker" placeholder="27/04/2021" required data-error="#datepicker">

var datepicker = $("#datepicker").datepicker({
    closeText: "Đóng",
    prevText: "Trước",
    nextText: "Sau",
    currentText: "Hôm nay",
    monthNames: ["Tháng một", "Tháng hai", "Tháng ba", "Tháng tư", "Tháng năm", "Tháng sáu", "Tháng bảy", "Tháng tám", "Tháng chín", "Tháng mười", "Tháng mười một", "Tháng mười hai"],
    monthNamesShort: ["Một", "Hai", "Ba", "Bốn", "Năm", "Sáu", "Bảy", "Tám", "Chín", "Mười", "Mười một", "Mười hai"],
    dayNames: ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"],
    dayNamesShort: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
    dayNamesMin: ["CN", "T2", "T3", "T4", "T5", "T6", "T7"],
    weekHeader: "Tuần",
    dateFormat: "dd/mm/yy",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    changeYear: true,
});

和 function

 function GetBirthDate() {
        var flatpickr;
        $("#datepicker").datepicker({
            dateFormat: "yy-m-d",
            changeMonth: true,
            changeYear: true,
            onSelect: function (dateText, inst) {
                var dt = $.datepicker.parseDate("yy-m-d", dateText);
                flatpickr = dt.getFullYear();
                console.log("Birth Year: " + flatpickr);
            }
        });
    };

Answer 1

回調或日期選擇器沒有問題。 您使用錯誤的日期格式來解析日期。 它應該是“dd/mm/yy”而不是“yy-m-d”。

代碼應如下所示（查看 onSelect 函數）：

 var datepicker = $("#datepicker").datepicker({ closeText: "Đóng", prevText: "Trước", nextText: "Sau", currentText: "Hôm nay", monthNames: ["Tháng một", "Tháng hai", "Tháng ba", "Tháng tư", "Tháng năm", "Tháng sáu", "Tháng bảy", "Tháng tám", "Tháng chín", "Tháng mười", "Tháng mười một", "Tháng mười hai"], monthNamesShort: ["Một", "Hai", "Ba", "Bốn", "Năm", "Sáu", "Bảy", "Tám", "Chín", "Mười", "Mười một", "Mười hai"], dayNames: ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"], dayNamesShort: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"], dayNamesMin: ["CN", "T2", "T3", "T4", "T5", "T6", "T7"], weekHeader: "Tuần", dateFormat: "dd/mm/yy", firstDay: 1, isRTL: false, showMonthAfterYear: false, changeYear: true, onSelect: function(dateText, inst) { var dt = $.datepicker.parseDate("dd/mm/yy", dateText); console.log(dt); flatpickr = dt.getFullYear(); console.log("Birth Year: " + flatpickr); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <input type="text" class="form-control datepicker error-place" name="datepicker" id="datepicker" placeholder="27/04/2021" required data-error="#datepicker">