码迷,mamicode.com
首页 > Web开发 > 详细

JQuery UI datepicker 经验

时间:2014-10-13 15:29:19      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   ar   for   strong   sp   

范围 时间选择  range date picker

$(function(datepicker) {
    function datePicker(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() +1;
        var day = date.getDate();
        var dateStr = ‘‘;

        // 全局设置 datePicker;
        $.datepicker.setDefaults({
            monthNames : [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘, ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘],
            dayNamesMin : [‘周日‘, ‘周一‘, ‘周二‘, ‘周三‘, ‘周四‘, ‘周五‘, ‘周六‘],
            dateFormat: ‘yy-mm-dd‘,
            minDate: date,
            maxDate: ‘+1w‘
        });

        $( "#date_from" ).datepicker({
            defaultDate: "+1",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function( selectedDate ) {
                if ( selectedDate){ // 如果用户选择日期,才更改日期选择阈值;
                    $( "#date_to" ).datepicker( "option", "minDate", selectedDate );
                }
            }
        });
        $( "#date_to" ).datepicker({
            defaultDate: "+1",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function( selectedDate ) {
                if ( selectedDate){ // 如果用户选择日期,才更改日期选择阈值;
                    $( "#date_from" ).datepicker( "option", "maxDate", selectedDate );
                }
            }
        });
    }
    datePicker();
});

 

JQuery UI datepicker 经验

标签:style   blog   color   io   os   ar   for   strong   sp   

原文地址:http://www.cnblogs.com/juhualang/p/4022053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!