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

时间:2026-02-15 12:11:33

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');

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com