jQuery UI 实例 - 日期选择器（Datepicker）

关于日期选择器的介绍和使用，可参考此链接：

http://www.runoob.com/jqueryui/example-datepicker.html

下面说下我自己在项目中是怎么使用的

1.在html或者jsp使用

<input type="hidden" id="searchScheduledDatePicker"/>

2.初始化

//init datepicker
function initDatepicker(){
    var dateFormat = "yy-mm-dd",
        searchScheduledDatePicker = $( "#searchScheduledDatePicker" )
            .datepicker({
                // defaultDate: "+1w", // 设置默认日期，设置为+1w的时候，会在每个月最后几天时候在选择器上默认显示下个月，不再显示本月。
                buttonImage: 'images/datepicker.jpg',//设置选择器的显示图片。
                dateFormat: dateFormat,
                buttonImageOnly: true,
                showOn: 'both',
                changeMonth: true,
                numberOfMonths: 1,
                minDate:-365
            })
            .on( "change", function() {//此方法是在点击选择日期后的操作。
                $('#searchScheduledDate').val($(this).val());
            });
}

3.没点击时候效果图：

4.点击时候效果图：

PS:datepicker有很多参数可以设置的，具体的请百度，我就不一一复述了。