javascript - JQuery ui - 日期选择器、日期格式

Question

我想实现与此问题 JQuery ui - date picker, disabling specific dates 中相同的功能，脚本工作正常(请参阅下面的代码)，但问题是我从数据库中获取不可用日期，因此日期有一个前导零，即 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

您可以使用日期选择器format date喜欢

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" />