<!DOCTYPE html>
<html lang="en">
<head>
<title>jq 时间选择</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<link rel="icon" type="image/png" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes" />
<script async="">
function fp_ready(){
// setting custom defaults
Flatpickr.l10n.firstDayOfWeek = 1;
//Regular flatpickr
document.getElementById("flatpickr-tryme").flatpickr();
var fpInstance = new Flatpickr(document.createElement("input")),
formatOutput = document.getElementById("dateFormatOutput"),
now = new Date();
}
</script>
<script async="" src="dist/flatpickr.js" onload="fp_ready()"></script>
<link rel="stylesheet" id="cal_style" type="text/css" href="dist/flatpickr.min.css" />
</head>
<body>
<input id="flatpickr-tryme" placeholder="时间" />
</body>
</html>
价格data-date-format调整时间显示格式
<input id="flatpickr-tryme" data-date-format="Y年m月d日" placeholder="时间" />
下载
https://www.lanzous.com/i9f718f