使用mobiscroll作为日期范围

时间:2012-08-07 19:45:58

标签: jquery-plugins daterangepicker mobiscroll

我正在尝试构建一个网页,其中有2个滚动条可以选择一系列日期。两个文本输入都是同一个类,所以我设置2个滚动条,如下所示:

$('.datetime').scroller({

    preset: 'datetime', minDate: new Date(now.getFullYear(), now.getMonth(), (now.getDate() - 7)), theme: 'default', display: 'modal', timeFormat: 'HH:ii', timeWheels: 'HHii', stepMinute: 5, mode: 'scroller' 

}); 

我想做的是让第二个卷轴将minDate设置为第一个卷轴设置的值。

我尝试使用eq()函数和单独设置滚动条。将第二个的minDate设置为$('。datetime')。eq(0).val()。我发现了2个问题:文本输入中mobiscroll设置的值不被识别为日期; &安培;该值似乎没有变化,但这可能是由于第一个错误。

mobiscroll是否有办法解析加载到文本输入中的日期?我宁愿不添加像date.js这样的另一个插件,只是为了让我的工作变得我需要它。

1 个答案:

答案 0 :(得分:0)

您可以使用mobiscroll的getDate方法:

$('.datetime').eq(0).scroller('getDate');

返回日期对象,而不是字符串。

还有一个parseDate实用程序函数

$.scroller.parseDate(format, strValue);

有关详细信息,请参阅http://docs.mobiscroll.com/datetime-preset