自定义日期格式“fengyuanchen/datepicker”

Question

我正在使用“fengyuanchen/datepicker”日期选择器插件，我需要2021 年 5 月 17 日的日期格式，但是当我更改日期格式时，它给了我未定义。 需要帮助，在此先感谢。

$('[data-toggle="datepicker"]').datepicker({
    autoHide: true,
    format: 'dd MM yyyy',

});

HTML

<input type='text' value="05 May 2021" data-toggle="datepicker" />

Answer 1

每当用户 select 任何日期时，您都可以使用所需的格式自定义该日期并使用.val()在日期选择器中设置该值。

演示代码：

 $(document).ready(function() { $('[data-toggle="datepicker"]').datepicker({ autoHide: true, pick: function(e) { e.preventDefault(); //prvent any default action.. var pickedDate = e.date; //get date var date = e.date.getDate() var month = $(this).datepicker('getMonthName') var year = e.date.getFullYear() var new_date = date + " " + month + " " + year //set date // $(this).val(`${date} ${month} ${year}`) $(this).val(new_date) } }); });

 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet" /> <script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script> <input type='text' value="05 May 2021" data-toggle="datepicker" />