wdatepicker 的可选时间范围设置

可选时间为2014年以后两个时间间隔在一年以内这个是根据产品需求自己更改的插件希望可以帮到有需要的朋友。
html页面的代码

    <input id="from" readonly="readonly" autocomplete="off" placeholder="开始日期"class="item-li-content w37 fl bj-times"onclick="WdatePicker({onpicked:function(){getListFormDate()},oncleared:function(){getListClearDate()},maxDate:getFromMaxDate(),minDate:getFromMinDate()})"type="text"><input id="to" readonly="readonly" autocomplete="off" placeholder="结束日期"class="inp-ml30 item-li-content w37 fl bj-times"onclick="WdatePicker({onpicked:function(){getListFormDate()},oncleared:function(){getListClearDate()},minDate:getToMinDate(),maxDate:getToMaxDate(),position:{left:-35,top:0}});"type="text"></p>//getListFormDate()  和getListClearDate()  是在input框里面输入内容或者没有内容的时候  选择完成以后触发的事情

js页面的代码

  Date.prototype.Format = function (fmt) { //author: meizzvar o = {"M+": this.getMonth() + 1, //月份"d+": this.getDate(), //日"h+": this.getHours(), //小时"m+": this.getMinutes(), //分"s+": this.getSeconds(), //秒"q+": Math.floor((this.getMonth() + 3) / 3), //季度"S": this.getMilliseconds() //毫秒};if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));for (var k in o)if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));return fmt;};function getFromMinDate() {if (!$dp.$D('to')) {return '2014-01-01'}else {var year = ($dp.$D('to').M == 12 && $dp.$D('to').d == 31) ? $dp.$D('to').y :  $dp.$D('to', { y: -1 }).y;// var month = ($dp.$D('to').M == 12 && $dp.$D('to').d == 31) ? ($dp.$D('to').y.M < 10 ? '0' + $dp.$D('to').y.M : $dp.$D('to').y.M) : ($dp.$D('to', { y: -1 }).M < 10 ? '0' + $dp.$D('to', { y: -1 }).M : $dp.$D('to', { y: -1 }).M);// var year = $dp.$D('to', { y: -1 }).y;if($dp.$D('to').M == 12 && $dp.$D('to').d == 31){var month = $dp.$D('to', { y: 0,M: 1 }).M < 10 ? '0' + $dp.$D('to', { y: 0,M: 1 }).M : $dp.$D('to', { y: 0,M: 1 }).M;}else{var month = $dp.$D('to', { y: -1 }).M < 10 ? '0' + $dp.$D('to', { y: -1 }).M : $dp.$D('to', { y: -1 }).M;}var day = $dp.$D('to', { y: -1 }).d < 10 ? '0' + $dp.$D('to', { y: -1,d:1 }).d : $dp.$D('to', { y: -1 ,d:1}).d;if (year < 2014) {return '2014-01-01'}var date = year + '-' + month + '-' + day;return date;}}function getFromMaxDate() {if (!$dp.$D('to')) {return new Date().Format("yyyy-MM-dd");}else {var year = $dp.$D('to').y;var month = $dp.$D('to').M < 10 ? '0' + $dp.$D('to').M : $dp.$D('to').M;var day = $dp.$D('to').d < 10 ? '0' + $dp.$D('to').d : $dp.$D('to').d;var date = year + '-' + month + '-' + day;return date;}}function getToMinDate() {if (!$dp.$D('from')) {return '2014-01-01';}else {var year = $dp.$D('from').y;var month = $dp.$D('from').M < 10 ? '0' + $dp.$D('from').M : $dp.$D('from').M;var day = $dp.$D('from').d < 10 ? '0' + $dp.$D('from').d : $dp.$D('from').d;var date = year + '-' + month + '-' + day;return date;}}function getToMaxDate() {if (!$dp.$D('from')) {return new Date().Format("yyyy-MM-dd");} else {var year = ($dp.$D('from').M == 1 && $dp.$D('from').d == 1) ? $dp.$D('from', { y: 0 }).y :  $dp.$D('from', { y: 1 }).y;if($dp.$D('from').d == 1){var month = $dp.$D('from', { y: 1,M:-1 }).M < 10 ? '0' + $dp.$D('from', { y: 1,M:-1 }).M : $dp.$D('from', { y: 1,M:-1 }).M;}else{var month = $dp.$D('from', { y: 1 }).M < 10 ? '0' + $dp.$D('from', { y: 1 }).M : $dp.$D('from', { y: 1 }).M;}var day = $dp.$D('from', { y: 1 }).d < 10 ? '0' + $dp.$D('from', { y: 1,d:-1 }).d : $dp.$D('from', { y: 1,d:-1}).d;var nowYear = new Date().getFullYear();var nowMonth = new Date().getMonth() + 1;var nowDay = new Date().getDate();if (year > nowYear || (year == nowYear && month > nowMonth) || (year == nowYear && month == nowMonth && day > nowDay)) {return new Date().Format("yyyy-MM-dd");}var date = year + '-' + month + '-' + day;return date;}}

wdatepicker 的可选时间范围设置相关推荐

elementui时间控件限制可选时间范围(精确到时分秒)
elementui时间控件限制可选时间范围(精确到时分秒) 我们在开发web端项目时,时间控件用的非常多,限制可选时间也是比较常见的需求,比如已经过去时间不能选,或这未来的时间不可选等,如果仅仅只是限 ...
EBS form日历可选范围设置（calendar.setup ）介绍
Calendar是Template提供给我们的standard object.可以使我们方便的为日期型字段提供日期的选择列表. form中设置日历方法: 1. 为日期型字段指定LOV(ENABLE_L ...
Python 技巧篇-同一个方法多次引用不同效果功能实现，可选参数设置方法
我达到的效果就是: 直接调用方法不加参数可以正常运行方法,但是加了参数,运行效果就不同了. 换一句话来说: 就是我第一次引用该方法跟以后调用该方法效果不一样.不用通过设置两个方法来实现,只要一个方法. ...
Android系统之路(初识MTK) ------ 设置系统默认语言/客制化可选语言/设置默认时区
在这一版本的平板系统定制中,客户需要定制系统默认语言,默认英语,可选语种分别是语言代码国家/地区 bn_BD 孟加拉语(孟加拉) en_US 英文 ar ...
iview日期选择器更改显示日期书_如何动态设置 iview DatePicker 控件的禁用日期（option）...
在公司开发的过程中遇到的问题,我们采用了iview的Vue框架. 现有一个需求:用户在初始时页面后,DatePicker 的可选时间范围不作限制,用户可选择任意一天.当用户选择了某一天(planTim ...
如何使用Google Analytics（分析）设置和跟踪YouTube频道的效果
Managing a YouTube channel is a lot of work. It includes content experimentation which can make or b ...
Android开发之高德定位参数设置
/*** 根据控件的选择,重新设置定位参数*/private void resetOption() { AMapLocationClientOption mOption = new AMapLocat ...
在Windows 7中设置Java开发环境
一段时间以来,我收到了很多愿意尝试Java语言的学生和人们的要求,它们提供了关于如何设置Java开发环境的简单指南,类似于我一年前写的那样. Mac用户. 看到这里和这里 . 因此,本文主要针对Jav ...
WdatePicker日期插件
WdatePicker日期插件 WdatePicker日期插件应用步骤如下: 1.引入jQuery核心包和WdatePicker.js文件 2.使用onfocus事件触发WdatePicker函数 3 ...

wdatepicker 的可选时间范围设置

wdatepicker 的可选时间范围设置

wdatepicker 的可选时间范围设置相关推荐

最新文章

热门文章