将天数添加到节假日中的选定日期等 Javascript

Add days to selected days in holidays and more Javascript

提问人:Martin Andrejkovics 提问时间:10/12/2023 更新时间:10/12/2023 访问量:29

问:

尊敬的StackOverFlow用户: 我目前正在为公寓制作一个带有日期输入的“日历”。 我以前从未这样做过,或者以前做过类似的事情,所以我需要得到帮助。 我有 2 个日历需要做的标准:

  1. 从今天起,您只能在3天内到达(因此,如果是2023.10.12,则在入住日期输入中只能选择2023.10.15)

  2. 最短预订天数为 2,因此如果您选择了 2023.10.15,则只能点击进入 2023.10.17 在结帐日期输入

  3. 在特定日期(如:一年中的最后一天,memoral day)最少预订时间为 3 天(因此,如果我选择了 2023.12.24,我只能在 2023.12.27 退房)

我正在制作这个日历,这里是 JS 和 HTML

                     <div class="form-group">
                        <label for="checking">Check In</label>
                        <input type="date" class="form-control" name="checkin" id="inputdate" >
                      </div>
                     </div>
                    <div class="col">
                     <div class="form-group mb-4">
                        <label for="checkout">Check Out</label>
                        <input type="date" class="form-control" name="checkout"  id="inputdate2">
                      </div>
                     </div>
                        <script>
                        // checkin
                        $(function(){
                            var dtToday = new Date();
                         
                            var month = dtToday.getMonth() + 1;
                            var day = dtToday.getDate() + 3;// aznap + 3 nap 
                            var year = dtToday.getFullYear();
                            if(month < 10)
                                month = '0' + month.toString();
                            if(day < 10)
                                day = '0' + day.toString();
                            
                            var maxDate = year + '-' + month + '-' + day;
                            
                            $('#inputdate').attr('min', maxDate);
                        });
                                //check out             
                        $(function(){
                            var dtToday = new Date();
                         
                            var month = dtToday.getMonth() + 1;
                            var day = dtToday.getDate()+5; //
                            var year = dtToday.getFullYear();
                            if(month < 10)
                                month = '0' + month.toString();
                            if(day < 10)
                                day = '0' + day.toString();
                            
                            var maxDate = year + '-' + month + '-' + day;
                            
                            $('#inputdate2').attr('min', maxDate);
                        });
                        </script>
JavaScript 日期 数学 输入 日历

评论


答: 暂无答案