javascript - 自定义日期格式“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" />
解决方案
每当用户选择任何日期时,您都可以以所需的格式对其进行自定义,并使用在日期选择器中设置该值.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" />
推荐阅读
- python - 如何在特定时间找到 ODE 系统的值
- c++ - 如何增加 ESP32 库 Hardwareserial(平台 IO)的 RX 串行缓冲区大小
- assembly - 错误:当我尝试组装我的 nes 游戏时出现范围错误(130 不在 [-128..127] 中)消息
- go - 在golang ssh会话关闭中将EOF作为错误
- reactjs - 无法将 React 应用(构建)文件夹部署到应用服务 Azure
- slingr - 文档中引用了父实体,但我找不到如何实际设置它,并且没有记录包
- python - 如何在没有逗号或 [] 的函数内返回列表
- r - 如何将包含一个字符串行的数据框拆分为多列?
- python - 如何在python中传递文件路径?
- r - 填充地图上 geom_point 的 ggplot2 图例