选择时间段控件
我想要一个控件用于选择时间段。在一条时间线上，选择好的时间段要用特别的颜色或是其他方式标记。如图（自己用画图画的）：

请问有类似的控件吗？
如果自己写一个这样的控件要从哪方面着手？
------解决方案--------------------
1、确定可选时间刻度间隔，1分钟？还是10分钟？15分钟？根据需求来决定。
2、设计适当的html结构来展现时间线，例如用table/td，或ul/li等，每个末级子元素为一个时间刻度，固定宽度，用不同的样式标记无效的部分。
3、用另外一个绝对定位的标签来显示当前选择的时间，给它添加拖拽移动处理，以时间线上的末级子元素为drop目标，当drop时判断是否在有效时间范围内，无效则提示并取消移动。
4、如果时间刻度间隔较密，导致生成的html元素过多，可以换一种思路，连续的时间段只用一个html元素表示，设置它的宽度与时间段长度按比例对应，拖放时通过event对象中的鼠标位置属性来计算所选择的时间。
------解决方案--------------------
如果不是必然的 用户需求  
对于这种控件   还是不建议楼主去做
后期可扩展的点 太多  事件绑定 取消等 太多了