jQuery日期选择器自动设置今日日期
点击就弹出日期选择框、自动定位到今天、还能一键设置当前日期，这种操作真的太爽了。jQuery 的 jcDate 插件就能做到，而且配置还挺灵活，适合用在旅游预定、活动报名这些场景。
用法也简单。先在index.html里引入jQuery和jcDate插件。搞一个输入框，比如：
<input type="text" id="datePicker" placeholder="选择日期" />在 JS 里绑定下：
$(document).ready(function() {
$('#datePicker').jcDate({
format: 'YYYY-MM-DD',
todayBtn: true,
autoSetToday: true,
lang: 'zh-CN'
});
});format控制日期格式、todayBtn让你一键选今天、autoSetToday则是点开就填今天，蛮贴心的对吧？语言切换成zh-CN后，整个弹窗都是中文，国内用户体验更好。
如果你还想监听用户选择了什么日期，也挺方便，加个事件就搞定：
$('#datePicker').on('change', function(e) {
var selectedDate = $(this).val();
console.log('用户选择了：', selectedDate);
});，jcDate插件用起来轻便灵活，也不挑场景。不管是手机端还是 PC，响应也快、代码也简单。如果你项目里刚好有日期输入的需求，不妨试试看。
文件大小：12.41KB
评论区