datepicker初始化及设置指定日期范围

柳韬
2023-12-01
$(function () {
	//初始化方式一
    $('input[id$=startdate]').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: '-70Y',//设置最小日期
        maxDate: '+30Y',//设置最大日期
        inline: true
    });
    
    //初始化方式二
    $('input[id$=startdate]').datepicker({ 
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],// 设置控件的星期名称显示
        firstDay: 1, //设置排在第一列的是星期几,星期天为0,星期一为1,以此类推。
        changeMonth: false,  //改变月份下拉框
        changeYear: false,    //改变年份下拉框
        monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],   
        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
        dateFormat: 'yy-mm-dd', //设置日期格式
        minDate: '-70Y',//设置最小日期
        maxDate: '+30Y',//设置最大日期
    });    
    var today = new Date().format("yyyy-MM-dd");
    $('input[id$=startdate]').datepicker("setDate", today);//设置默认日期为今天  
});
 类似资料: