WdatePicker 设置可选最大最小日期

原创已于 2022-04-19 16:20:40 修改 · 1.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

于 2022-04-19 16:19:07 首次发布

这篇博客介绍了如何使用JavaScript配合WdatePicker插件，设置日期选择的最小和最大限制，提供了详细的代码示例和配置方法。

https://blog.csdn.net/xiangff_csdn/article/details/78688506
https://blog.csdn.net/zhouxukun123/article/details/103755537


                            function GetDateStr(AddDayCount) {
                                var dd = new Date();
                                dd.setDate(dd.getDate() + AddDayCount);//获取AddDayCount天后的日期
                                var y = dd.getFullYear();
                                var m = (dd.getMonth() + 1) < 10 ? "0" + (dd.getMonth() + 1) : (dd.getMonth() + 1);//获取当前月份的日期，不足10补0
                                var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();//获取当前几号，不足10补0
                                return y + "-" + m + "-" + d;
                            }

                            $(document).ready(function () { 

                                // 设置起始时间的最小值当前日期180天以前

                                var lastDay = GetDateStr(-180);

                                $('#hospitalBeginDate').unbind('click').bind('click', function () {

                                    WdatePicker({
                                        readOnly: true,
                                        minDate: lastDay,
                                        maxDate: '#F{$dp.$D(\'hospitalEndDate\')||\'%y-%M-%d\'}'
                                    });
                                });

                                $('#hospitalEndDate').unbind('click').bind('click', function () {
                                    WdatePicker({
                                        readOnly: true,
                                        minDate: lastDay || '#F{$dp.$D(\'hospitalBeginDate\')}',
                                        maxDate: '%y-%M-%d'
                                    });
                                });
                            });