基于jquery 的dateRangePicker 和 My97DatePicker
2024-09-01 04:22:13
引入相应的date插件
<script type="text/javascript" src="../plugins/daterangepicker/moment.min.js"></script> 日期范围插件
<script type="text/javascript" src="../plugins/daterangepicker/jquery.daterangepicker.js"></script> 日期范围插件
<link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css" type="text/css" />
<script type="text/javascript" src="<c:url value="/js/My97DatePicker/WdatePicker.js"/>"></script> 单日历插件
在html中引入 input作为日期选择 多个双日历
<input type="text" name="time1" id="DateSearch" class="rangeA" style="width: 180px; border: 1px solid #A9A9A9;" /> <input type="text" name="time2" id="DateSearch" class="rangeA" style="width: 180px; border: 1px solid #A9A9A9;" />
单日历 my97
<input name="date" type="text" onfocus="selectDate()" />
对应的js控制
//单日历控制
function selectDate() {
WdatePicker({ dateFmt: 'yyyy-MM-dd', isShowToday: false, isShowClear: false});
}
//双日历需分开单独初始化
var dateFormatjson = {
startOfWeek: 'monday',
separator : ' -- ',
format: 'YYYY-MM-DD',
autoClose: true,
language:'en',
time: {enabled: true}
};
$('#DateSearch').dateRangePicker(dateFormatjson);
$('#DateSearch').dateRangePicker(dateFormatjson);
http://www.daterangepicker.com/#options 双日历详细设置详见改地址
https://blog.csdn.net/u011109420/article/details/51330608 单日历参数设置,语言切换等;
最新文章
- ElasticSearch(站内搜索)
- mysq 性能分析利器
- category - junit用例分组执行
- HDU 4407
- Vue2.0的通用组件
- 安卓数据存储(2):SharedPreferences
- WPF的重要新概念
- Spring它不支持依赖注入static静态变量
- AJax的异步请求
- android调用系统相机进行视频录制并保存到指定目录
- ServiceStack.Text / Newtonsoft.Json 两种json序列化性能比较
- [设计模式]PHP设计模式之单例模式
- 关于javascript中的变量对象和活动对象
- bootstrap日期选择
- HOG算法资源备忘
- PYTHON深拷贝与浅拷贝
- 配置Django
- 经典的HTML5游戏及其源码分析
- 有人说,即使没有JavaScript,你也可以做网页。在纯HTML
- elk6快速安装