在jQuery中使用Datepicker动态限制开始日期

时间:2018-07-19 09:34:41

标签: jquery datepicker jquery-ui-datepicker

以下是我的剧本

async addToCart(product: any) {
    const cartId = await this.getOrCreateCartId();
    const item$ = this.db.object('/shopping-carts/' + cartId + '/items' + product.key).valueChanges();
    item$.pipe(take(1)).subscribe(item => {
        ...
    });
}

以下是我的html代码

<script>
        $(document).ready(function(){
            var minDate = new Date();
            $("#depart").datepicker({
                showAnim: 'drop',
                numberOfMonth: 1,
                minDate: minDate,
                dateFormat: 'dd/mm/yy',
                onClose: function(selectedDate){
                    $('#return').datepicker("option", "minDate","selectedDate")
                }
            });

            $("#return").datepicker({
                showAnim: 'drop',
                numberOfMonth: 1,
                minDate: minDate,
                dateFormat: 'dd/mm/yy',
                onClose: function(selectedDate){
                    $('#depart').datepicker("option", "minDate","selectedDate")
                }
            });         
        });
  </script>

使用Depart Date: <input type="text" name="depart" id="depart" placeholder="depart date"/> Return Date: <input type="text" name="return" id="return" placeholder="return date"/> <input type="submit" /> 禁用当前日期之前的所有日期。完美。

对于$("#depart").datepicker()$("#return").datepicker()应该是所选的出发日期,根据我的情况,该日期不会发生。

有人可以告诉我我的错误吗?

0 个答案:

没有答案