Datepicker 在尝试格式化时给了我一个空白字符串

Question

当我试图忘记日期选择器的日期字符串时，我总是得到一个空白结果。如何正确设置值的格式？

//first attempt
$("#calendar-container").datepicker( {
    maxViewMode: 1,
    todayHighlight: true,
    dateFormat: 'dd-mm-yy'
})
.on('changeDate', function() {
    var date = $("#calendar-container").datepicker('getDate');
    alert(date); //returns Tue Aug 06 2019 00:00:00 GMT-0400 (Eastern Daylight Time), no formatting
});

//second attempt
$("#calendar-container").datepicker( {
    maxViewMode: 1,
    todayHighlight: true
})
.on('changeDate', function() {
    var date = $("#calendar-container").datepicker({ dateFormat: 'dd-mm-yy' }).val();
    alert(date); //returns blank
});

Answer 1

您正在搜索 getFormattedDate

注意： dateFormat 不是有效选项。使用 format 代替

$('#calendar-container').datepicker('getFormattedDate')

$("#calendar-container").datepicker({
  maxViewMode: 1,
  format: 'dd-mm-yy',
  todayHighlight: true
}).on('changeDate', function() {
    var date = $("#calendar-container").datepicker('getFormattedDate');
    console.log(date);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css" integrity="sha256-jO7D3fIsAq+jB8Xt3NI5vBf3k4tvtHwzp8ISLQG4UWU=" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha256-bqVeqGdJ7h/lYPq6xrPv/YGzMEb6dNxlfiTUHSgRCp8=" crossorigin="anonymous"></script>

<div id="calendar-container"></div>

Datepicker 在尝试格式化时给了我一个空白字符串

Datepicker is giving me a blank string when trying to format

jquery

bootstrap-datepicker