jquery ui datepicker详解

最新推荐文章于 2024-11-07 14:07:32 发布

原创最新推荐文章于 2024-11-07 14:07:32 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ui #input #null #function

jquery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个日期选择器的配置方法，包括日期格式设置、显示效果、按钮面板等，并确保开始日期不会晚于结束日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#pickerStartDate,#pickerEndDate").datepicker({
                dateFormat : 'yy/mm/dd',   //日期格式
                showAnim : 'scale',     //显示效果 slide |  scale | fadeIn
                showButtonPanel : true,  //显示按钮面板
                currentText : '今天',  
                closeText : '完成',
                dayNamesMin : ['日', '一', '二', '三', '四', '五', '六'], 
                monthNames : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
                beforeShow : function(picker){     // 开始日期小于结束日期
                    return {
                        minDate : (picker.id == "pickerEndDate" ? $("#pickerStartDate").datepicker("getDate"): null),
                        maxDate : (picker.id == "pickerStartDate" ? $("#pickerEndDate").datepicker("getDate") : null)
                    }
                }
            })

参数说明如上

从 <input type="text" id="pickerStartDate"/>
到 <input type="text" id="pickerEndDate"/>