Jquery Datepicker 仅返回周一至周五

Question

我正在尝试做的事情:
我正在尝试创建一个日期选择器，当选择日期时，它将返回 2 天或 48 小时后的日期，仅在另一个输入字段中的工作周(周一至周五)内。

我找到了一个教程Here这对我来说很重要，除了当你选择周五的日期时，它会返回周日，这是行不通的，因为它不是工作周的一部分。

我需要它返回这样的内容:
if Monday 返回下周三的日期
if Tuesday 返回下周四的日期
if Wednesday 返回下周五的日期
if Friday 返回下周一的日期
if Friday 返回下周二的日期
if Saturday 返回下周二的日期
if Sunday 返回下周二的日期

这是到目前为止的代码:

<input id="datepicker" type="text">
<p id="dateoutput"></p>
<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({
            dateFormat: "mm-dd-yy",
            onSelect: function(dateText, inst) {

                var date = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);
                var dateText1 = $.datepicker.formatDate("D, mm-dd-yy", date, inst.settings);
                date.setDate(date.getDate() + 2);
                var dateText2 = $.datepicker.formatDate("D, mm-dd-yy", date, inst.settings);
                $("#dateoutput").html(dateText2);
            }
        });
    });
</script>

我遇到的另一个问题是如何将返回的日期填充到另一个输入字段中。 (现在它只是填充一个 p 标签)。

感谢任何帮助，提前致谢。

演示: http://jsfiddle.net/mpoisel/LDaXa/

Answer 1

这就是我要解决的问题......

• 首先，我将设置选项 beforeShowDay至 $.datepicker.noWeekends (因为周末基本上没什么用)。

• 接下来，使用onSelect并且，根据用户的选择，使用.getDay() 。如果日期是星期四 (4) 或星期五 (5)，则设置 addDays = 4
  
  4 天 =(2 天 + 周六 + 周日)。

• 最后，使用$.datepicker.formatDate(format, date, settings)就可以开始了!

此外，关于填充另一个输入的问题，请确保使用 .val() .

<小时/>演示: http://jsfiddle.net/dirtyd77/Qt6QB/

$(function () {
    $("#datepicker").datepicker({
        dateFormat: "mm-dd-yy",
        beforeShowDay: $.datepicker.noWeekends, //disables weekends
        onSelect: function (dateText, inst) {
            var date = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay);
            var day = date.getDay();
            var addDays = 2;
            if(day === 4 || day === 5){
                addDays = 4;
            }

            var nextDate = new Date(date.setDate(date.getDate() + addDays));

            //for p, use .html() or .text()
            $("#dateoutput1").html($.datepicker.formatDate('D, mm-dd-yy', nextDate)); 

            //for input, use .val()
            $("#dateoutput2").val($.datepicker.formatDate('D, mm-dd-yy', nextDate));
        }
    });
});

如果您还有其他问题，请告诉我!快乐编码!

<小时/>

编辑:

这是新的 demo您提供的。

更改 minDate根据一周中的某一天，尝试执行以下操作:

$(function () {
    var today = new Date(); //today's date
    var minDate;

    if(today.getDay() < 4){
         minDate = new Date(today.setDate(today.getDate() + 2));
    }else{
         minDate = new Date(today.setDate(today.getDate() + 4));
    }

    $("#datepicker2").datepicker({
        minDate: minDate,
        dateFormat: "mm-dd-yy",
        beforeShowDay: $.datepicker.noWeekends
    });
});

演示: http://jsfiddle.net/dirtyd77/h2VdQ/4/