BootStrap datepicker 重置取消控件中的日期

2025-11-08 08:53:55

1、控制开始时间、结束时间选择范围:

// 仅选择日期

        $(".startdate").datepicker(

            {

                keyboardNavigation:false,

                forceParse:false,

                autoclose:true,

                format: "yyyy-mm-dd",

                language: 'zh',

                clearBtn:true,

                endDate: new Date(),

                todayHighlight: true

            }).on('changeDate', function(ev){

            if(ev.date){

                $(".enddate").datepicker('setStartDate', new Date(ev.date.valueOf()));

            }else{

                $(".enddate").datepicker('setStartDate',null);

            }

        });

        $(".enddate").datepicker(

            {

                keyboardNavigation:false,

                forceParse:false,

                autoclose:true,

                format: "yyyy-mm-dd",

                language: 'zh',

                clearBtn:true,

                endDate: new Date(),

                todayHighlight: true

                

            }).on('changeDate', function(ev){

            if(ev.date){

                $(".startdate").datepicker('setEndDate', new Date(ev.date.valueOf()));

            }else{

                $(".startdate").datepicker('setEndDate',new Date());

            }

        });

2、页面上有个重置按钮,情况清空表单中所有的输入项,包括这个日期控件。

清空方法如下:

$("#beginTime").datepicker('clearDates');

3、select 下拉框重置时,要求显示第一个option选项(请选择):

$("#payStatus option:first").prop("selected", 'selected');

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢