Simple-DateTime选择器JS在更改月份后关闭

时间:2016-10-25 07:28:13

标签: javascript datepicker

我的simple-datetimepicker存在问题(文档:http://mugifly.github.io/jquery-simple-datetimepicker/)。当我点击输入时,它会打开日期选择器,我可以从中选择一个日期。但是,当我切换到下个月或上个月时,它会关闭日期选择器,因此我必须再次单击它以选择该月的日期(保持选定的月份)。所以我的问题是,点击下个月或上个月后,datepicker会立即关闭。

我希望datepicker的工作方式如下:当你从datepicker start(class:datepickers)中选择一个日期时,datepicker end(class:datepickere)必须有一个从datepicker start(class:datepickers)开始的最小日期。

这是我的代码:

$(document).ready(function() {
    $(".datepickers, .datepickere").hover(function() {
        if ($(this).handleDtpicker('getDate') == undefined) {
            $(this).appendDtpicker({
                  "autodateOnStart": false,
                  "closeOnSelected": true,
                  "dateOnly": true, 
                  "calendarMouseScrool": false, 
                  "todayButton": false,  
                  "firstDayOfWeek": 1,
                  "futureOnly": true
            });
        }
    });

    $('.datepickers').change(function() {
        if ($(this).val() > $(this).next().next().next().val()) {
            $(this).next().next().next().val("");
        }

        $(this).next().next().next().handleDtpicker('destroy');
        var minDateStart = $(this).val().replace(/-/g, "/");
        $(this).next().next().next().appendDtpicker({
            "autodateOnStart": false,
            "closeOnSelected": true, 
            "dateOnly": true, 
            "calendarMouseScrool": false, 
            "todayButton": false, 
            "firstDayOfWeek": 1,
            "minDate" : minDateStart
        });
    });

和HTML代码:

<label>Datum Od: </label><input type="text" min="0" name="datumod" class="datepickers" /><br/>
<label>Datum Do: </label><input type="text" min="0" name="datumdo" class="datepickere" /><br/>

以下是我的演示:https://jsfiddle.net/mvkuLopy/26/

但是在JSfidle中,它会打开,当我更改月份时,它不会像我的应用程序那样将其打开。在其他地方有问题吗?

0 个答案:

没有答案
相关问题