zoukankan      html  css  js  c++  java
  • JQuery UI datepicker 经验

    范围 时间选择  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();
    });
  • 相关阅读:
    第四次
    jsp
    2021.3.4
    第八次作业
    第七次作业
    第六周作业
    第五周作业
    第四周
    第四次jsp作业
    第二次作业
  • 原文地址:https://www.cnblogs.com/juhualang/p/4022053.html
Copyright © 2011-2022 走看看