Jquery UI 日历控件

Jquery UI 的日历控件挺好用的

 

1.中文格式化控件

 

$(document).ready(function () {    $.datepicker.regional['zh-CN'] = {        clearText: '清除',        clearStatus: '清除已选日期',        closeText: '关闭',        closeStatus: '不改变当前选择',        prevText: '<上月',        prevStatus: '显示上月',        prevBigText: '<<',        prevBigStatus: '显示上一年',        nextText: '下月>',        nextStatus: '显示下月',        nextBigText: '>>',        nextBigStatus: '显示下一年',        currentText: '今天',        currentStatus: '显示本月',        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],        monthNamesShort: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],        monthStatus: '选择月份',        yearStatus: '选择年份',        weekHeader: '周',        weekStatus: '年内周次',        dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],        dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],        dayStatus: '设置 DD 为一周起始',        dateStatus: '选择 m月 d日, DD',        dateFormat: 'yy-mm-dd',        firstDay: 1,        initStatus: '请选择日期',        isRTL: false    };    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);});

 

 

2.日历控件绑定text

 

$(document).ready(function () {            var objDate = new Date();             var strDate = objDate.getFullYear() + '-' + (objDate.getMonth()+1) + '-' + objDate.getDate();            //alert(strDate);            $('#begintime,#endtime').val(strDate);                         $('#begintime,#endtime').datepicker({                dateFormat: 'yy-mm-dd',  //日期格式，自己设置                   showAnim: "show",       //显示日历的效果slide、fadeIn、show 等                      buttonImage: '../../Content/images/calendar.gif',  //按钮的图片路径，自己设置    calendar.gif                buttonImageOnly: true,  //Show an image trigger without any button.                 //                monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],                changeMonth: false,       //是否显示月份的下拉菜单，默认为false                  changeYear: false,        //是否显示年份的下拉菜单，默认为false                  showWeek: true,          //是否显示星期,默认为false                     showButtonPanel: true,   //是否显示取消按钮，并含有today按钮，默认为false                        showOn: 'button', //触发条件，both表示点击文本域和图片按钮都生效   both,   button                yearRange: '2013:2058', //年份范围                minDate: -90,  //从当前日期起可选                clearText: '清除', //下面的就不用详细写注释了吧，呵呵，都是些文本设置                     closeText: '关闭',                currentText: '今天',                prevText: '前一月',                nextText: '后一月',                //defaultDate:+1 ,         //表示默认日期是在当前日期加上7天                   beforeShow: function () {                    setTimeout(function () {                        $('#ui-datepicker-div').css("z-index", 600);//设置控件层级，有时候控件会被其它层挡住                    }, 100);                }            });        });