jquery mobile Mobipick - 将最短日期设置为今天的4天

时间:2012-06-11 15:34:44

标签: jquery-mobile datepicker

我最近发现了mobipick日历,由于其快速的性能,我非常喜欢它 但是,从现在开始的四天,我在设置最短日期方面遇到了一些麻烦 如果你进入mobipick网站,你可以在html属性中添加min =“...”,但它没有指定今天的日期。
以下代码也可以在网站上找到, 我怎么能实现这个目标呢?

使用Javascript / Jquery的

<script type="text/javascript">
$(document).ready(function () {
    var picker = $("#picker", this);
    picker.mobipick();

    picker.bind("change", function () {
        var date = $(this).val();

        // formatted date                   
        var dateObject = $(this).mobipick("option", "date");
    });
});
</script>

HTML

<input id="picker"  type="text" />

1 个答案:

答案 0 :(得分:2)

要从现在起四天设置最小日期,请创建一个输入元素

<input type="text" />

并添加此JavaScript

$( selector ).mobipick({
    minDate: (new XDate()).addDays( 4 )
});

此示例需要0.6版才能在GitHub https://github.com/sustainablepace/mobipick上工作,下载或分叉。我还在http://mobipick.sustainablepace.net/demo-advanced.html添加了一个工作示例,请参阅“动态最小日期的Datepicker”部分。

请告诉我这是否适合您。