jQuery日期选择器
集成日期选择器插件,方便用户选择日期,支持格式化和国际化。 · 难度:入门 · +15XP
jQuery日期选择器
日期选择器(Datepicker)是表单中常用的组件,用户可以通过日历界面选择日期,避免手动输入错误。jQuery UI提供了内置的datepicker插件。
基本配置
$('#dateInput').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true
});常用选项
| 选项 | 说明 | 示例值 |
|---|---|---|
| dateFormat | 日期格式 | 'mm/dd/yy' |
| minDate | 最小可选日期 | 0(今天) |
| maxDate | 最大可选日期 | '+1m'(一个月后) |
| showAnim | 动画效果 | ''fadeIn'' |
示例代码
$(function() {
$('#birthday').datepicker({
dateFormat: 'yy-mm-dd',
changeYear: true,
yearRange: '1950:2025'
});
});练习提示
在右侧代码中,添加一个minDate选项,限制只能选择今天及之后的日期。