日期时间范围选择插件:daterangepicker使用总结

作者：老王福_640 | 来源：互联网 | 2023-06-08 14:56

分享说明:项目中要使用日期时间范围选择对数据进行筛选;精确到年月日时分秒;起初,使用了layui的时间日期选择插件;但是在IIE8第一次点击会报设置格式错误;研究了很久没解决,但能

---恢复内容开始---

分享说明:

　　项目中要使用日期时间范围选择对数据进行筛选;精确到年月日时分秒;起初,使用了layui的时间日期选择插件;但是在IIE8第一次点击会报设置格式错误;研究了很久没解决,但能确定不是layui的问题;因为自己写的demo可以在IE8运行;只是在我的项目环境下某些代码冲突了;所以换用了bootstrap插件daterangepicker;看了很多资料;结合官网了文档;基本算是搞定了;把我的总结代码分享给大家;希望对使用daterangepicker插件的初学者有帮助.

　　总结分为四个部分;日期范围选择实现,日期时间选择,使用两个单日历实现范围选择,使用div代替input实现日期时间选择;下面是代码

css 代码

html代码:

 1     
 2     <div class="box">
 3         <label for="datePicker">双日历label>
 4         <input type="text" name="datePicker" class="datePicker" id="datePicker">
 5     div>
 6     
 7     <div class="box">
 8         <label for="singledatePicker">单日历label>
 9         <input type="text" name="singledatePicker" class="singledatePicker" id="singledatePicker">
10     div>
11     
12     <div class="box">
13         <label for="from">从label>
14         <input type="text" name="from" class="from" id="from">
15         <label for="to">到label>
16         <input type="text" name="to" class="to" id="to">
17     div>
18     
19     <div class="divDateSelect" id="divDateSelect">
20          <i class="glyphicon glyphicon-calendar fa fa-calendar">i>
21         <span>span> <b class="caret">b>
22     div>

js 代码;按照上下顺序对应html四部分

 1     $(‘input[name="datePicker"]‘).daterangepicker({
 2         timePicker: true, //显示时间
 3         timePicker24Hour: true, //时间制
 4         timePickerSeconds: true, //时间显示到秒
 5         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
 6         endDate: moment(new Date()), //设置结束器日期
 7         maxDate: moment(new Date()), //设置最大日期
 8         "opens": "center",
 9         ranges: {
10             // ‘今天‘: [moment(), moment()],
11             ‘昨天‘: [moment().subtract(1, ‘days‘), moment().subtract(1, ‘days‘)],
12             ‘上周‘: [moment().subtract(6, ‘days‘), moment()],
13             ‘前30天‘: [moment().subtract(29, ‘days‘), moment()],
14             ‘本月‘: [moment().startOf(‘month‘), moment().endOf(‘month‘)],
15             ‘上月‘: [moment().subtract(1, ‘month‘).startOf(‘month‘), moment().subtract(1, ‘month‘).endOf(‘month‘)]
16         },
17         showWeekNumbers: true,
18         locale: {
19             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
20             applyLabel: ‘确定‘, //确定按钮文本
21             cancelLabel: ‘取消‘, //取消按钮文本
22             customRangeLabel: ‘自定义‘,
23             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
24             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
25                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
26             ],
27             firstDay: 1
28         },
29     }, function(start, end, label) {
30         timeRangeChange = [start.format(‘YYYY-MM-DD HH:mm:ss‘), end.format(‘YYYY-MM-DD HH:mm:ss‘)];
31         console.log(timeRangeChange);
32     });

 1     $(‘input[name="singledatePicker"]‘).daterangepicker({
 2         "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
 3         singleDatePicker: true, //单日历
 4         showDropdowns: true, //年月份下拉框
 5         timePicker: true, //显示时间
 6         timePicker24Hour: true, //时间制
 7         timePickerSeconds: true, //时间显示到秒
 8         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
 9         maxDate: moment(new Date()), //设置最大日期
10         "opens": "center",
11         showWeekNumbers: true,
12         locale: {
13             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
14             applyLabel: ‘确定‘, //确定按钮文本
15             cancelLabel: ‘取消‘, //取消按钮文本
16             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
17             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
18                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
19             ],
20             firstDay: 1
21         },
22     }, function(start) {
23         console.log(start.format(‘YYYY-MM-DD HH:mm:ss‘));
24     });

 1     var minDate = null;
 2     var max = null;
 3     function fromDate(maxDate) {
 4         if(!maxDate){
 5             max = moment(new Date())
 6         }else{
 7             max = maxDate;
 8         }
 9         $(‘input[name="from"]‘).daterangepicker({
10             "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
11             singleDatePicker: true, //单日历
12             showDropdowns: true, //年月份下拉框
13             timePicker: true, //显示时间
14             timePicker24Hour: true, //时间制
15             timePickerSeconds: true, //时间显示到秒
16             // startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
17             maxDate: max , //设置最大日期
18             "opens": "center",
19             showWeekNumbers: true,
20             locale: {
21                 format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
22                 applyLabel: ‘确定‘, //确定按钮文本
23                 cancelLabel: ‘取消‘, //取消按钮文本
24                 daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
25                 monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
26                     ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
27                 ],
28                 firstDay: 1
29             },
30         }, function(s) {
31             toDate(s);
32         });
33     }
34     fromDate()
35     function toDate(minDate) {
36         $(‘input[name="to"]‘).daterangepicker({
37             "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
38             singleDatePicker: true, //单日历
39             showDropdowns: true, //年月份下拉框
40             timePicker: true, //显示时间
41             timePicker24Hour: true, //时间制
42             timePickerSeconds: true, //时间显示到秒
43             // startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
44             maxDate: moment(new Date()), //设置最大日期
45             minDate: minDate,
46             "opens": "center",
47             showWeekNumbers: true,
48             locale: {
49                 format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
50                 applyLabel: ‘确定‘, //确定按钮文本
51                 cancelLabel: ‘取消‘, //取消按钮文本
52                 daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
53                 monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
54                     ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
55                 ],
56                 firstDay: 1
57             },
58         }, function(s) {
59             fromDate(s)
60         });
61     }
62     toDate();

 1     var start = moment(new Date());
 2     function cb(start) {
 3         $(‘#divDateSelect span‘).html(start.format(‘YYYY-MM-DD HH:mm:ss‘));
 4     }
 5     $(‘#divDateSelect‘).daterangepicker({
 6         "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
 7         singleDatePicker: true, //单日历
 8         showDropdowns: true, //年月份下拉框
 9         // timePicker: true, //显示时间
10         timePicker24Hour: true, //时间制
11         timePickerSeconds: true, //时间显示到秒
12         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
13         maxDate: moment(new Date()), //设置最大日期
14         "opens": "center",
15         showWeekNumbers: true,
16         locale: {
17             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
18             applyLabel: ‘确定‘, //确定按钮文本
19             cancelLabel: ‘取消‘, //取消按钮文本
20             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
21             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
22                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
23             ],
24             firstDay: 1
25         },
26     }, cb);
27     cb(start);

效果图:

第一部分:

技术分享

第二部分:

技术分享

第三部分就是两个第二部分组实现第一部分的效果;原理为在确定好开始日期后;设置选择结束日期日历的最小选择日期;在结束日期选中后;设置开始日期的最大选择日期;

第四部分:

技术分享

　　关键选项的含义已经在代码中注释了;引入文件css包括bootstrap的css文件;daterangepicker的css文件;js包括jquery的js;bootstrap的js;daterangepicker的js以及moment.js;

　　备注:

　　1 moment.js使用了数组的indexOf()方法;但IE8不支持;需要引入兼容代码;代码地址https://developer.mozilla.org/zh-CN/docs/Web/Javascript/Reference/Global_Objects/Array/indexOf　　在polyfill下;

　　2 在IE8下;双日历的范围选择出现连个日历竖直排列问题;解决方法为给存放两个日历的盒子设置固定的宽度,足以放下两个日历的div;再把两个日历的div设置float:left即可;

　　3 官网地址;选项设置: http://www.daterangepicker.com/#options　　例子: http://www.daterangepicker.com/#examples

　　4 希望本文能够帮助初识daterangepicker的朋友.

---恢复内容结束---

分享说明:

　　总结分为四个部分;日期范围选择实现,日期时间选择,使用两个单日历实现范围选择,使用div代替input实现日期时间选择;下面是代码

css 代码

html代码:

 1     
 2     <div class="box">
 3         <label for="datePicker">双日历label>
 4         <input type="text" name="datePicker" class="datePicker" id="datePicker">
 5     div>
 6     
 7     <div class="box">
 8         <label for="singledatePicker">单日历label>
 9         <input type="text" name="singledatePicker" class="singledatePicker" id="singledatePicker">
10     div>
11     
12     <div class="box">
13         <label for="from">从label>
14         <input type="text" name="from" class="from" id="from">
15         <label for="to">到label>
16         <input type="text" name="to" class="to" id="to">
17     div>
18     
19     <div class="divDateSelect" id="divDateSelect">
20          <i class="glyphicon glyphicon-calendar fa fa-calendar">i>
21         <span>span> <b class="caret">b>
22     div>

js 代码;按照上下顺序对应html四部分

 1     $(‘input[name="datePicker"]‘).daterangepicker({
 2         timePicker: true, //显示时间
 3         timePicker24Hour: true, //时间制
 4         timePickerSeconds: true, //时间显示到秒
 5         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
 6         endDate: moment(new Date()), //设置结束器日期
 7         maxDate: moment(new Date()), //设置最大日期
 8         "opens": "center",
 9         ranges: {
10             // ‘今天‘: [moment(), moment()],
11             ‘昨天‘: [moment().subtract(1, ‘days‘), moment().subtract(1, ‘days‘)],
12             ‘上周‘: [moment().subtract(6, ‘days‘), moment()],
13             ‘前30天‘: [moment().subtract(29, ‘days‘), moment()],
14             ‘本月‘: [moment().startOf(‘month‘), moment().endOf(‘month‘)],
15             ‘上月‘: [moment().subtract(1, ‘month‘).startOf(‘month‘), moment().subtract(1, ‘month‘).endOf(‘month‘)]
16         },
17         showWeekNumbers: true,
18         locale: {
19             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
20             applyLabel: ‘确定‘, //确定按钮文本
21             cancelLabel: ‘取消‘, //取消按钮文本
22             customRangeLabel: ‘自定义‘,
23             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
24             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
25                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
26             ],
27             firstDay: 1
28         },
29     }, function(start, end, label) {
30         timeRangeChange = [start.format(‘YYYY-MM-DD HH:mm:ss‘), end.format(‘YYYY-MM-DD HH:mm:ss‘)];
31         console.log(timeRangeChange);
32     });

 1     $(‘input[name="singledatePicker"]‘).daterangepicker({
 2         "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
 3         singleDatePicker: true, //单日历
 4         showDropdowns: true, //年月份下拉框
 5         timePicker: true, //显示时间
 6         timePicker24Hour: true, //时间制
 7         timePickerSeconds: true, //时间显示到秒
 8         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
 9         maxDate: moment(new Date()), //设置最大日期
10         "opens": "center",
11         showWeekNumbers: true,
12         locale: {
13             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
14             applyLabel: ‘确定‘, //确定按钮文本
15             cancelLabel: ‘取消‘, //取消按钮文本
16             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
17             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
18                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
19             ],
20             firstDay: 1
21         },
22     }, function(start) {
23         console.log(start.format(‘YYYY-MM-DD HH:mm:ss‘));
24     });

 1     var minDate = null;
 2     var max = null;
 3     function fromDate(maxDate) {
 4         if(!maxDate){
 5             max = moment(new Date())
 6         }else{
 7             max = maxDate;
 8         }
 9         $(‘input[name="from"]‘).daterangepicker({
10             "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
11             singleDatePicker: true, //单日历
12             showDropdowns: true, //年月份下拉框
13             timePicker: true, //显示时间
14             timePicker24Hour: true, //时间制
15             timePickerSeconds: true, //时间显示到秒
16             // startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
17             maxDate: max , //设置最大日期
18             "opens": "center",
19             showWeekNumbers: true,
20             locale: {
21                 format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
22                 applyLabel: ‘确定‘, //确定按钮文本
23                 cancelLabel: ‘取消‘, //取消按钮文本
24                 daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
25                 monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
26                     ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
27                 ],
28                 firstDay: 1
29             },
30         }, function(s) {
31             toDate(s);
32         });
33     }
34     fromDate()
35     function toDate(minDate) {
36         $(‘input[name="to"]‘).daterangepicker({
37             "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
38             singleDatePicker: true, //单日历
39             showDropdowns: true, //年月份下拉框
40             timePicker: true, //显示时间
41             timePicker24Hour: true, //时间制
42             timePickerSeconds: true, //时间显示到秒
43             // startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
44             maxDate: moment(new Date()), //设置最大日期
45             minDate: minDate,
46             "opens": "center",
47             showWeekNumbers: true,
48             locale: {
49                 format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
50                 applyLabel: ‘确定‘, //确定按钮文本
51                 cancelLabel: ‘取消‘, //取消按钮文本
52                 daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
53                 monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
54                     ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
55                 ],
56                 firstDay: 1
57             },
58         }, function(s) {
59             fromDate(s)
60         });
61     }
62     toDate();

 1     var start = moment(new Date());
 2     function cb(start) {
 3         $(‘#divDateSelect span‘).html(start.format(‘YYYY-MM-DD HH:mm:ss‘));
 4     }
 5     $(‘#divDateSelect‘).daterangepicker({
 6         "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
 7         singleDatePicker: true, //单日历
 8         showDropdowns: true, //年月份下拉框
 9         // timePicker: true, //显示时间
10         timePicker24Hour: true, //时间制
11         timePickerSeconds: true, //时间显示到秒
12         startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
13         maxDate: moment(new Date()), //设置最大日期
14         "opens": "center",
15         showWeekNumbers: true,
16         locale: {
17             format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
18             applyLabel: ‘确定‘, //确定按钮文本
19             cancelLabel: ‘取消‘, //取消按钮文本
20             daysOfWeek: [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘],
21             monthNames: [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘,
22                 ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘
23             ],
24             firstDay: 1
25         },
26     }, cb);
27     cb(start);

效果图:

第一部分:

技术分享

第二部分:

技术分享

第四部分:

技术分享

　　关键选项的含义已经在代码中注释了;引入文件css包括bootstrap的css文件;daterangepicker的css文件;js包括jquery的js;bootstrap的js;daterangepicker的js以及moment.js;

　　备注:

　　3 官网地址;选项设置: http://www.daterangepicker.com/#options　　例子: http://www.daterangepicker.com/#examples

　　4 希望本文能够帮助初识daterangepicker的朋友.如有错误,希望大家指出

日期时间范围选择插件:daterangepicker使用总结

推荐阅读

php
C#之数据集：DataSet对象的使用及相关方法详解

本文介绍了C#中数据集DataSet对象的使用及相关方法详解，包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成，以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读，读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]

蜡笔小新 2023-12-14 12:09:13
php
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
php
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
php
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
php
lua语言闭包、模式匹配、日期、编译、模块的特性及应用

本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值，函数可以作为变量自由传递，也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性，为程序开发带来了便利。 ... [详细]

蜡笔小新 2023-12-14 18:18:21
php
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
php
Java实现大数乘法（分治算法）

本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]

蜡笔小新 2023-12-14 15:43:50
php
HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]

蜡笔小新 2023-12-14 15:08:18
php
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
php
Linux进程控制块PCBtask_struct结构体结构及作用详解

本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用，包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]

蜡笔小新 2023-12-13 21:31:18
php
ABAP开发发送邮件程序的配置和代码整理

本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]

蜡笔小新 2023-12-13 15:50:17
php
动态规划算法的基本步骤及最长递增子序列问题详解

本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]

蜡笔小新 2023-12-13 15:38:19
php
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25
datetime
高质量SQL书写的30条建议

本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]

蜡笔小新 2023-12-13 13:24:33
php
指针的引用以及在什么情况下使用指针的引用

本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址，通过指针可以修改指针所指的变量的值。然而，如果想要修改指针的指向，就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法，并思考了在修改指针的指向后，取指针的输出结果。 ... [详细]

蜡笔小新 2023-12-13 12:54:29

老王福_640

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章