我的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中,它会打开,当我更改月份时,它不会像我的应用程序那样将其打开。在其他地方有问题吗?