使用simple-dtpicker javascript设置限制为“从”和“到”日期

时间:2015-07-21 10:40:12

标签: javascript php jquery

我在2个字段“from”和“to”中使用simple-dtpicker javascript。 我想验证这些字段的更改日期选择,如“from”<日期< “至”。

$('#txt-to-date').change(function() {
    $('#txt-from-date').appendDtpicker({
        maxDate: $('#txt-to-date').val() // when the end time changes, update the maxDate on the start field
    });
});

$('#txt-from-date').change(function() {
    $('#txt-to-date').appendDtpicker({
        minDate: $('#txt-from-date').val() // when the start time changes, update the minDate on the end field
    });
});
$('#txt-to-date').trigger('change');
$('#txt-from-date').trigger('change');

我试过这个,但它不起作用。 帮我验证。

2 个答案:

答案 0 :(得分:0)

类似于this

<强> CODE

$('input').appendDtpicker({ "futureOnly": true,todayButton : false});

$('#start_time').change(function() {
    var $this = $(this);
    $('#end_time').handleDtpicker('destroy');
    $('#end_time').val($this.val());
    $('#end_time').appendDtpicker({
        todayButton : false,
        minDate: $this.val()
    });
});
$('#start_time').trigger('change');

答案 1 :(得分:0)

根据我的要求,验证在下面

$('input').appendDtpicker({ "futureOnly": false,todayButton : true});
             $('#txt-to-date').change(function() {
                $('#txt-from-date').handleDtpicker('destroy');
                $('#txt-from-date').appendDtpicker({
                    maxDate: $('#txt-to-date').val()
                });
             });

            $('#txt-from-date').change(function() {
                    var $this = $(this);
                    $('#txt-to-date').handleDtpicker('destroy');
                    $('#txt-to-date').val($this.val());
                    $('#txt-to-date').appendDtpicker({
                        todayButton : false,
                        minDate: $this.val(),
                        maxDate: curdate
                    });
            });
            $('#txt-from-date').trigger('change');