选择一个日期

选择日期范围

需要引用的CSS

<link rel="stylesheet" href="http://newfront.free4inno.com/plugin/datepicker/css/jquery-ui.min.css"/>

需要引用的JS

<script src="http://newfront.free4inno.com/plugin/datepicker/js/jquery-ui.min.js"></script>
<script src="http://newfront.free4inno.com/plugin/datepicker/js/datepicker-zh-CN.min.js"></script>

简单使用方法

$('#date').datepicker() // 选择一个日期
// 选择日期范围
$( "#start-date" ).datepicker({
    onClose: function( selectedDate ) {
        $( "#end-date" ).datepicker( "option", "minDate", selectedDate );
    }
});
$( "#end-date" ).datepicker({
    onClose: function( selectedDate ) {
        $( "#start-date" ).datepicker( "option", "maxDate", selectedDate );
    }
});

更详细的使用文档

https://jqueryui.com/datepicker/#date-range