日期选择器minDate与StartDate

html5 • • 问答 • 243 阅读

我试图用 datepicker 做的是当它第一次显示时，显示当前日期加上 6 个月，你可以用 startDate 来做，但月份后退按钮被禁用。我试图为今天的日期设置一个 minDate，同样的交易，月份返回按钮被禁用。

是否可以将开始日期设为当前日期加 6 个月，但允许用户单击后退按钮并且不允许超过当前日期。

var date = new Date();
                date.setDate(date.getDate() - 1);
                var defaultDate = new Date();
                defaultDate.setMonth(date.getMonth() + 6);

                $('[data-toggle="datepicker"]').datepicker({
                        format: 'dd/MM/yyyy',
                        autoHide: true,
                        minDate: date,
                        startDate: defaultDate,
                        changeMonth: true
                });

回答

要完成你想要的，你只需要设置：

startDate: 使用当前日期，因此不允许用户超过此日期。[开始日期的文档参考]

和

date：使用您希望在日期选择器中显示为默认值的日期。[日期文档参考]

看起来您使用的 datepicker 插件也没有这两个属性：minDate和changeMonth. 所以这里没有必要使用它。

 var date = new Date();
 
 date.setDate(date.getDate() - 1);
 var defaultDate = new Date();
 defaultDate.setMonth(date.getMonth() + 6);

 $('[data-toggle="datepicker"]').datepicker({
  format: 'dd/MM/yyyy',
  autoHide: true,
  date: defaultDate,
  startDate: date,
 });

您可以在此处检查此插件的所有选项。

另外，你可以在这里模拟它

回答

您必须将 startDate 设置为今天并将日期设置为今天 +6 个月

var date = new Date();
            date.setDate(date.getDate() - 1);
            var defaultDate = new Date();
            defaultDate.setMonth(date.getMonth() + 6);

            $('[data-toggle="datepicker"]').datepicker({
                    format: 'dd/MM/yyyy',
                    autoHide: true,
                    minDate: date,
                    startDate: date,
                    date: defaultDate,
                    changeMonth: true
            });

以上是日期选择器minDate与StartDate的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>