jQuery ui-日期選擇器，日期格式

Question

我想隱含與此qeustion JQuery ui-日期選擇器中相同的功能，禁用特定日期 ，腳本可以正常工作（請參見下面的代碼），但是問題是我從數據庫中獲取了不可用日期，因此日期前導零，即var unavailableDates = ["90-3-2012", "14-03-2012", "15-03-2012"]; 如果我使用相同的日期進行測試而沒有前導零，則可以，但是我想使用前導零。

我們如何格式化日期，我使用的是上述問題的答案中的確切代碼，這是代碼

<script type="text/javascript">
    var unavailableDates = ["9-3-2012", "14-3-2012", "15-3-2012"];

    function unavailable(date) {
        dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
        if ($.inArray(dmy, unavailableDates) == -1) {
            return [true, ""];
        } else {
            return [false, "", "Unavailable"];
        }
    }

    $(function() {
        $("#iDate").datepicker({
            dateFormat: 'dd MM yy',
            beforeShowDay: unavailable
        });

    });
</script>

Answer 1

您可以使用datepicker 格式化日期，例如

 var unavailableDates = ["09-03-2012", "14-03-2012", "15-03-2012", "15-07-2015"]; function unavailable(date) { var dmy = $.datepicker.formatDate('dd-mm-yy', date); console.log(dmy) if ($.inArray(dmy, unavailableDates) == -1) { return [true, ""]; } else { return [false, "", "Unavailable"]; } } $(function() { $("#iDate").datepicker({ dateFormat: 'dd MM yy', beforeShowDay: unavailable }); }); 

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> <input id="iDate" />