添加日期选择器JS [英] Add days date picker JS

问题描述

使用日期选择器添加日期的日期有问题。我知道这已经被问了很多次，但我们有不同的代码实现，这就是为什么我需要帮助谁知道这一点。添加日期时，必须排除星期六和星期日。我有这个代码：

I have a problem with adding days to a date using a date-picker. I know this has been asked many times but we have different implementation of codes that's why I need help to whoever knows about this. When adding days, it must be that the Saturdays and Sundays are excluded. I have this code:

<script type="text/javascript">
        $(document).ready(function () {
            $("#dt1").datepicker({
                dateFormat: "dd-M-yy",
                minDate: 0,
                onSelect: function (date) {
                    var date2 = $('#dt1').datepicker('getDate');
                    date2.setDate(date2.getDate() + 2);
                    if (date2.getDay() != 0 && date2.getDay() != 6) // Skip weekends
                   { $('#dt2').datepicker('setDate', date2);
                    //sets minDate to dt1 date + 1
                    $('#dt2').datepicker('option', 'minDate', date2);
                }
                }
            });
            $('#dt2').datepicker({
                dateFormat: "dd-M-yy",
                onClose: function () {
                    var dt1 = $('#dt1').datepicker('getDate');
                    console.log(dt1);
                    var dt2 = $('#dt2').datepicker('getDate');
                    if (dt2 <= dt1) {
                        var minDate = $('#dt2').datepicker('option', 'minDate');
                        $('#dt2').datepicker('setDate', minDate);
                    }
                }
            });
        });
    </script>

使用< script src =../ js / jquery-1.9 .1.js>< / script>

这里是我的输入字段：

<input type="text" id="dt1" name="date_borrow" pattern="alpha" required/>
<input type="text" id="dt2" name="date_will_return" pattern="alpha" required/>

所以，当我点击此或此，结果必须是这个。

So, when I click this or this, result must be this.

上面尝试的天数不起作用。我从那里错过了什么？

The adding of days I have tried above does not work. What did I miss from there?

推荐答案

$(document).ready(function () {
    $("#dt1").datepicker({
        dateFormat: 'dd-M-yy',
        minDate: 0,
        beforeShowDay: function (date) {
            var day = date.getDay();
            return [(day != 0 && day != 6), '']
        },
        onSelect: function (date) {
            var date2 = $("#dt1").datepicker('getDate');
            if (date2.getDay() == 5) {
                date2.setDate(date2.getDate() + 3);
                $("#dt2").datepicker('setDate', date2);
            } else if (date2.getDay() == 3) {
                date2.setDate(date2.getDate() + 2);
                $("#dt2").datepicker('setDate', date2);
            } else if (date2.getDay() == 4) {
                date2.setDate(date2.getDate() + 4);
                $("#dt2").datepicker('setDate', date2);
            } else {
                date2.setDate(date2.getDate() + 2);
                $("#dt2").datepicker('setDate', date2);
            }

        }
    })
    $('#dt2').datepicker({
        dateFormat: 'dd-M-yy',
        minDate: 0,
        beforeShowDay: function (date) {
            var day = date.getDay();
            return [(day != 0 && day != 6), '']
        },
    });
});

这篇关于添加日期选择器JS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！