Question

我在页面上有2个Jquery timePickers。 timePicker插件来自http://labs.perifer.se/timedatepicker/

在视图中，我有两个时间选择器控件 - 。

$("#time1, #time2").timePicker({
        startTime: "09.00", 
        endTime: new Date(0, 0, 0, 19, 0, 0), 
        show24Hours: false,
        separator: '.',
        step: 60
});

“＃time1”接收“事件开始”时间。 #time2接收“事件结束”时间。我有MVC，jquery，js代码运行，以获取所有先前选择的'time1'的列表。我隐藏了以前'选中＆amp;在＃time1中保存了'值'。例如，用户先前保存了上午9点，上午10点，上午11点。我从数据库中获取这些值（进入列表“listTimes”）并将这些值隐藏在＃time1控件中，不再可见。

  $(listTimes).each(function () {

   $('.time-picker:first').find('li:contains("' + this + '")').hide();    
                         });

但是如果用户在时间1中选择上午9点，在时间2中选择下午2点，那就是5小时的阻止。不仅我必须隐藏在上午9点，我必须隐藏10,11,12,1 PM也因为它有5个小时的时段。我能够隐藏到上午9点才到现在。希望得到一些帮助，让剩下的时间也隐藏起来。我需要以某种方式填充列表“listTimes”，其中包含持续时间（time2-time1）中的所有小时。

Answer 1

这些方面的内容对您有用：

var startTime = "09:00";
var endTime = "11:30";
var $startTime = $('.time-picker:first').find('li:contains("' + startTime + '")');
var $currentTime = $startTime.next('li');

$startTime.hide();

while($currentTime.html() != endTime) {
    $currentTime.hide();
    $currentTime = $currentTime.next('li');
}

Live DEMO

Jquery插件 - 操作时间戳选择

1 个答案: