easyui的datebox当前时间以后不可用

$("#calendar_add").calendar({
validator:function(date){
var now = new Date();
var today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
var selectday=date.getTime()-today.getTime();
if(selectday<0){//判断date和当前时间new Date()的先后,如果date晚于当前时间,return false;
return false;//如果date晚于当前时间
}
return true
},
onSelect: function(date){
alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
}
});

是datebox继承自Calendar,是datebox创建时会包含一个calendar。

所以可以从datebox获取一个他使用的calendar

$(‘#dd‘).datebox(‘calendar‘).calendar({

    validator: function(date){

        var now = new Date();

        var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());

        var d2 = new Date(now.getFullYear(), now.getMonth(), now.getDate()+10);

        return d1<=date && date<=d2;

    }

});

时间: 2024-10-13 05:06:38

easyui的datebox当前时间以后不可用的相关文章

easyUI的dateBox控制时间格式

<input type='text' name='yearQuery' class='easyui-datebox ' data-options="formatter:myformatter,parser:myparser"   /> <javascript> function myformatter(date){        var y = date.getFullYear();        var m = date.getMonth()+1;      

EasyUi&ndash;8.datebox赋值的问题

这个问题要从EasyUI的datebox组件说起,小菜用这个组件的时候,发现用$("#id").val()这种形式,居然拿不到文本框的值!      经过度娘的帮助,发现可以用$("#id").datebox('getValue'),但是这是为什么捏?      经过一翻研究和探索,小菜发现,如果一个input加上class="easyui-datebox",也就是声明在此文本框上边使用datebox组件,那么经过EasyUI引擎的扫描,会自动为

EasyUI修改DateBox和DateTimeBox的默认日期格式

最近整理Easyui控件的时候,对Easyui的DateBox控件和DateTimeBox控件进行了梳理,而我之所以将EasyUI的DateBox控件和DateTimeBox控件放在一起,归为一类,是因为这两个控件没有什么区别,如果你非得说这两个控件有区别,也无非是DateTimeBox控件后面除了基本的年月日之外带上了小时或者分钟或者秒什么的,更何况,这两个控件在进行日期格式化时所采用的方法也是一样的. DateBox介绍: Demo实例参看: http://www.jeasyui.com/d

easyui的datebox格式化最简单方法

看了网上有很多的解决方法,我也写一个比较简单方法.实现easyui的datebox格式化.效果如下,用"++"隔开,看你喜欢用什么都可以. 1.html <span class="span1">证件有效期至:</span> <span><input id="passvali" name="hotel.passvali"></span> 2.js /* 证件有效期至 *

easyui datebox范围设置日期对比参考 和easyui的datebox怎么禁止手动输入

今天的两个问题都是通过百度解决.百度大法好啊,没事多百度多谷歌,程序员自我学习之道! 首先,如何让easyui的开始日期在结束日期之前.有2个datebox,一个是开始日期,一个结束日期,结束日期要大于开始日期,那么需要自己写逻辑代码来实现,不能控制datebox的选择范围,只能重置. 代码: <script>        function onSelect(d) {        var issd = this.id == 'sd', sd = issd ? d : new Date($(

给EasyUI的DateBox控件添加清除button

 EasyUI中间DateBox控制甚至没有被清除button.例如下面的附图: 真是不可思议,对于要求日期格式必须选择的情况下,不能清空日期,很不方便. 尽管能够通过手工改动EasyUI及相关库文件来实现添加清空button功能,但这要求改动EasyUI原生库文件,并且要改动多个地方,势必会造成其他的不兼容问题. 但随着1.3.5版本号的公布,这个问题能够非常好地攻克了,并且不须要改动不论什么库文件,仅仅须要在页面中日期控件中添加一段代码就可以. 这是由于1.3.5版本号的EasyUI添加

easyui的datebox只显示年月

要求点击easyui的datebox时只显示年月,隐藏日,之前百度了好多,发现有的好麻烦,有的使用没效果,也许自己没理解,改不了.最后老员工帮我搞定了,添加一个fomatter和一个parser函数就行. 当然我学习到的一点就是调试,之前只会用类似alert和console.info进行调试,然而这两种方法对easyui中的这种方法不奏效,比我我想知道parser中的function中的参数date值到底是什么,用这两种方法是没用的,用console.log(date);就可以看到date的值,

给EasyUI的DateBox控件增加一个清空按钮

 EasyUI中的DateBox控件居然没有清空按钮,如下图: 真是不可思议,对于要求日期格式必须选择的情况下,不能清空日期,非常不方便. 虽然可以通过手工修改EasyUI及相关库文件来实现增加清空按钮功能,但这要求修改EasyUI原生库文件,而且要修改多个地方,势必会造成其它的不兼容问题. 但随着1.3.5版本的发布,这个问题可以很好地解决了,而且不需要修改任何库文件,只需要在页面中日期控件中增加一段代码即可.这是因为1.3.5版本的EasyUI增加了一个属性:buttons,这个属性可以

easyUI自带的时间插件日期选择、月份选择、时间选择的使用

1.日期选择 只要将class设置成easyui-datebox就可以了,当然前提是已经应用了easyui的js <input type="text" class="easyui-datebox" id="datetime"> 2.时间选择 默认的时间选择是精确到年月日时分秒的,只要把class设置成easyui-datetimebox就可以实现 <input type="text" id="dat