Question

我正在构建一个允许选择两个日期的应用程序，但是第一个日期应该只是当天，第二个日期应该允许选择除此之外的所有日期。简而言之 - 我正在努力使#deadlinestart show show只显示当前日期作为可用选择。干杯

这是我的代码

function days() {
            var a = $("#deadlinestart").datepicker('getDate').getTime(), 
                b = $("#deadlineend").datepicker('getDate').getTime(),
                c = 24*60*60*1000,
                daysleft = Math.round(Math.abs((a - b)/(c)));
            $("#totaldaysleft").val(daysleft)
}



$(document).ready(function () {
$.datepicker.setDefaults({dateFormat: 'dd/mm/yy',});



$('#deadlinestart').datepicker({
            onSelect: function(selectedDate) {

    var minDate = $(this).datepicker('getDate');

    if (minDate) {minDate.setDate(minDate.getDate() + 2);}
    $('#deadlineend').datepicker('option', 'minDate', minDate || 1); 
    $('#ui-datepicker-div').append('<p>Now select your deadline.</p>');
    days();
}});
$('#deadlineend').datepicker({minDate: 1, onSelect: function(selectedDate) {
            $('#ui-datepicker-div').append('<p>zdrw</p>');  
    var maxDate = $(this).datepicker('getDate');    
    if (maxDate) {maxDate.setDate(maxDate.getDate() - 1);}
    $('#deadlinestart').datepicker('option', 'maxDate', maxDate);   

    days();
}});

        });

Answer 1

我知道这是一个老问题，但它可能会帮助别人。如果只需要当前日期，则不需要datepicker，但在某些情况下，使用日期选择器会更好看ui。

在jQuery ui datepicker中有一个名为minDate和maxDate的选项可以解决这个问题。

jQuery("#firstDate").datepicker({ minDate: 0,maxDate:0 });

Answer 2

第一天的

使用以下内容：

<input type="text" name="firstDate" value="<?php echo date('Y-m-d');?>" readonly>

对于jQuery Datepicker，禁用除今天之外的所有日期

2 个答案: