在 jquery 中格式化所选日期

Question

我在没有输入的情况下显示 datepicker。我想获取选定的日期并将其格式化为 dd-mm-yy 但它不起作用。

$(function() {
    var selectedDate = $("#inline-calendar").datepicker({
        changeYear: true,
        dateFormat: 'dd-mm-yy',
    }).datepicker("setDate", "now").datepicker("getDate");

    console.log(selectedDate)
});

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

以上代码的输出为Sat Sep 12 2020 00:00:00 GMT+0800 (Singapore Standard Time)

Answer 1

您可以简单地使用 bootstrap datepicker 中的 .data 属性来使用 getFormattedDate

获取日历上的日期值

现场工作演示：

$(function() {
  $("#inline-calendar").datepicker({
    changeYear: true,
    dateFormat: 'dd-mm-yy',
  }).datepicker("setDate", "now").datepicker("getDate");
    
  //get date value
  let getDate = $("#inline-calendar").data('datepicker').getFormattedDate('dd-mm-yy');

  console.log(getDate) //12-09-20
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw==" crossorigin="anonymous" />

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

在 jquery 中格式化所选日期

Formatting selected date in jquery

javascript

jquery

bootstrap-datepicker