-
让我们先给你们看两张照片。
在示例中，我的控件的开始时间和结束时间为三天，即开始时间和结束时间的跨度不超过三天。
如何实现它，代码会有很详细的说明，请继续往下看：
第一步是介绍js控制，其中有两种，一是jquery.js，另jquery-ui-datepicker.js，和，当然，风格文件的介绍：
第二步：创建一个文本输入框，输入文本类型，我的演示还写下清晰的时间设置，即按钮响应事件。
开始时间：
要求*
结束时间：
要求*
价值不需要控制。我在项目中写了代码。值是为了在查询后刷新页面而编写的，时间框中的时间值仍然可以被选中。
下面的代码是调用日期控件，代码如下所示：
$（函数（）{（））
对象访问控制
日期= $（var#开始，#端）；
期权；
设置目标时间，因为开始时间和结束时间例如有一个时间限制
无功targetdate；
Var optionEnd；
无功targetdateend；
Dates.datepicker（{
showbuttonpanel：假，
当选择时间/触发此事件时
onselect：功能（SelectedDate）{
如果（this.id = =开始）{
如果选择是开始时间
选择=mindate ；
的 / / gettimebydatestr代码，将张贴在下面，就是处理时间的代码。
无功selectedtime = gettimebydatestr（SelectedDate）；
var = selectedtime圣航；
targetdate =新的日期（圣航）；
设置时间的结束
optionend =maxdate ；
targetdateend =新的日期（圣航+ 2 * 24 * 60 * 60 * 1000）；
其他{ }
如果选择是时间的尽头
选择=maxdate ；
无功selectedtime = gettimebydatestr（SelectedDate）；
VaR最大时限= selectedtime；
targetdate =新的日期（最大时限）；
设置开始时间
optionend =mindate ；
targetdateend =新的日期（maxtime-2 * 24 * 60 * 60 * 1000）；
}
时间 / /设置时间框架，根据最后期限的开始时间，例如不可选项，dates.not（这）是使用JS选择器，
/ / 选项 DatePicker（
Dates.not（本）。Datepicker（选项
Dates.not（本）。Datepicker（选项
}
}）；
}）；
下面的代码在上面的代码gettimebydatestr（XXX）方法附代码，大家可以看的方便，本代码是很简单的，我相信每个人都会明白的：
根据时间/日期字符串
功能gettimebydatestr（中）{
VaR年= parseInt（datestr.substring（0,4））；
VaR月= parseInt（datestr.substring（5,7），10 - 1）；
var = parseInt（datestr.substring（8,10），10）；
返回日期（年，月，日）GetTime（）；
}
现在你可以用代码实现的日期控件，和开始时间和结束时间限制在三天之内，例如，您选择的2014-03-27开始时间，所以最后的时间仅为27, 28, 29天和三天的休息日不可选，点击，如果你选择28年底的时间，所以现在只能选择28, 27, 26，等。
第三步：你看看空按钮，清除按钮是值的清除时间选择框，这个实现很简单：
空日历控件
功能cleaprevinput（对象）{
清除输入框值，但仅为空值，选择时间限制控件。
$（obj）。Prev（），瓦迩（）；
如果开始时间和结束时间是空的，那么没有时间限制应该是您选择的框架，这意味着您可以选择日期。
如果（美元。Val）（#开始）（= =$（' #（结束）。瓦尔）= ={）
日期= $（var#开始，#端）；
叫Datepicker / API的封装，开始时间和结束时间，只是集是空的，所以你可以选择任何日期。
Dates.datepicker（选项
Dates.datepicker（选项
}
}
现在你可以使用，如果控件的使用，不需要设置时间限制是非常简单的，上面的代码可以用于大多数的日期选择需要使用的，但如果有特殊情况，还需检查自己的API，我独自一人为了明确控制值的日期，这是代码：dates.datepicker（选项
以上是关于jQuery UI datepicker时间控制内容简介。我们临时画了一个句号。以后还会有相关文章。我会第一次和你分享。