jQuery datetimepicker 销毁不工作

Question

我试图在更改另一个日期时间选择器时销毁它。

这是我的场景-

我的应用程序中有两个或多个日期时间选择器。例如，如果我更改第一个 datetimepicker，那么它的日期设置为 .next() datetimepicker 作为日期的最小设置，因此对于所有下一个 datetimepickers。

所以这是一个升序日期顺序，前一个元素的日期不大于下一个元素。

这是我试过的-

$('.datetimepicker').datetimepicker(); //initialized datetimepicker for all elements.

$('.datetimepicker').change(function(){
    $(this).next('input.datetimepicker').datetimepicker({
       minDate:$(this).val()
    });
});

我的问题很清楚，它从来没有设置下一个 .datetimepicker 的最短日期。

对于一个实例如果第一个元素的值是02 Feb 2015那么下一个元素的最小值也是相同的。

特此，我尝试先销毁下一个元素然后应用相同的-

$('.datetimepicker').change(function(){
   $(this).next('input.datetimepicker').destroy();

   $(this).next('input.datetimepicker').datetimepicker({
       minDate:$(this).val()
   });
});

但它总是使用默认功能调用。

我正在使用这个参考- https://github.com/Eonasdan/bootstrap-datetimepicker

Answer 1

您不需要销毁对象。您可以在更改前一个元素时设置最小日期。

HTML

<input type="text" class="form-control datetimepicker" id="datetimepicker1" />
<input type="text" class="form-control datetimepicker" id="datetimepicker2" />

JS

$('.datetimepicker').datetimepicker();    
$('.datetimepicker').on('dp.change', function (e) {
    var nextElem = $(this).next('input.datetimepicker');
    if (nextElem.length > 0) {
        nextElem.data("DateTimePicker").minDate(e.date)
    }
});

Demo Fiddle

Answer 2

你可以这样销毁 datetimepicker:

$('.datetimepicker').datetimepicker('remove');

jQuery datetimepicker 销毁不工作

jQuery datetimepicker destroy not working

jquery

datepicker

datetimepicker

twitter-bootstrap