自定义日期格式“fengyuanchen/datepicker”
Custom date format “fengyuanchen/datepicker”
我正在使用“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" />
每当用户 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" />
我正在使用“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" />
每当用户 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" />