一步一步学jquery UI 1.72 之datepicker

代码

<script type="text/javascript">
    $(
function() {
        
var options = {
            changeMonth: 
true,  //显示月份下拉框
            changeYear: true,   //显示年份下拉框
            firstDay: 0,    //第一天的索引(星期天放前面)(星期天到星期六对应的索引为:0~6)
            showOtherMonths: true//显示其他月份的日期
            showMonthAfterYear: false//年份下拉框放在月份下拉框的前面还是后面
            prevText: "上一月",   //跳转到上一页的提示文本
            nextText: '下一月',   //跳转到下一页的提示文本

            stepMonths: 
2,   //每点击一次“上一月”或者“下一月”,移动2个月

            navigationAsDateFormat: 
true,

            showCurrentAtPos: 
3,  //离当前月偏移3个月
            
            showOn: 
'both',

            
//minDate/maxDate/hideIfNoPrevNext为一组
            minDate:'-10',  //
            maxDate: '35',
            hideIfNoPrevNext: 
false//据说是禁止使用prev 和next ,必须配合maxDate和minDate使用
            
            
//            defaultDate: 2, //设置当前日期
            
            gotoCurrent: 
true,

            numberOfMonths: 
2,  //一次显示2个月(2个日历)
            
            yearRange: 
'2009:2019' //显示可选的年份
        };
        
        
//初始化日期控件
        $('#datePicker').datepicker(options);
        
        
//显示当前日期
        $('#datePicker').datepicker('getDate');


        
        
//设置当前日期
        $('#datePicker').datepicker('setDate''+1m +1d')

    })
</script>

 

posted @ 2009-12-28 16:45  骑着夕阳看着猪  阅读(669)  评论(1编辑  收藏  举报