miniui日期控件mini-datepicker禁止选中日期

mini-datepicker日期控件利用js禁止选中日期

html代码:

  <input id="ToDate" name="ToDate" class="mini-datepicker" allowInput="false" showTodayButton="false"  ondrawdate="onDrawDate" />  

js代码:

<script type="text/javascript">
  function onDrawDate(e) {
   var date = e.date;
   var d = new Date();
   if (date.getTime() <= d.getTime())    {
     e.allowSelect = false;
   }
 }
</script>

效果如下图:

其中allowInput="false"禁止输入,showTodayButton="false"是否显示今日按钮,可以自己试一下。

时间: 2024-09-27 19:29:55

miniui日期控件mini-datepicker禁止选中日期的相关文章

easyUI日期控件只选择月份和日期

最近的工作中,有块业务要求只选择月份和日期,翻遍了easyUI的API和网络资料也没找到方法,网上几乎都是只要年份或者年月,没有我需要的场景.遂自己琢磨了下,最终成功只选择月份和日期,过滤掉了年份. 我想要的是这样的↓ 我修改后的效果是这样的↓ 现分享代码如下: 1 $("#"+param).datebox({ 2 showSeconds: false, 3 required:true, 4 onShowPanel: function () {// 隐藏年的选择 5 $(".

angular--bootstrap实例日期控件【datepicker】

head部分: <!--Bootstrap--> <link rel="stylesheet" href="/supProdom/script/bootstrap/dist/css/bootstrap.min.css" /> <script src="/supProdom/script/bootstrap/dist/js/bootstrap.min.js "></script> <!--plu

JQueryUI的datepicker日期控件

在输入日期的时候我们经常需要日期控件,jQueryUI的datapicker就是一个很好的日期控件. 1.简单的datepicker控件 目录结构:(要将images图片放到css目录下面) 代码: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 日期选择器(Datepicker) - 限制日期范

移动端日期控件

最近在写微信端的页面,要用到日期控件,得知其内置浏览器支持HTML5的时候,我笑了(so easy~),<input type="date" />两秒钟搞定.然后找了三种机型,你是不是猜到了已经?!没错,Android,iPhone,winphone,,,奇葩的winphone内置浏览器竟然是IE.醉了,疯狂搜索,找到一篇博客mobiscroll,照着敲下来都达不到人家的效果,搞了半天,终于,,,实现了哈哈. 说到这,有人就要骂了,你傻逼啊,为啥不用jquery  mobi

My97DatePicker日期控件的使用

本文演示如何在MyEclipse项目中使用My97DatePicker日期控件 1.下载My97DatePicker日期控件, My97DatePicker日期控件下载地址 2.在MyEclipse项目中安装My97DatePicker,把下载后的My97DatePicker解压后放在WebRoot子目录下,如WebRoot/dd/js/My97DatePicker(我把My97DatePicker放在WebRoot/dd/js/目录下,My97DatePicker为解压后的文件夹) 3.引用M

Jquery Mobile日期控件mobiscroll

1.日期控件 参考:http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html http://www.wglong.com/main/artical!details?id=11 <link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" /> <script sr

jQuery Datepicker日期控件

datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. Requirements Bootstrap 2.0.4+ jQuery 1.7.1+ 在线文档 Datepicker基础使用 Datepicker功能定制 Datepicker英文文档 Datepicker中文文档 Datepicker项目主页 简单示例 var nowTemp =newDate()

玩转Kendo UI:日期控件DatePicker(一)

---恢复内容开始--- 前言 因为工作原因,近来接触Kendo UI比较多,这期间利用它实现了一些功能,也遇到了一些坑,国内对于这个产品的介绍也不多,所以打算写一些文章,介绍一下Kendo UI,顺便记录下自己实现某些方案时遇到的问题及解决方案. Kendo UI 简介 Kendo UI是Progress软件公司旗下的一款UI工具包产品,具有灵活性强.控件丰富.功能强大等特点.目前工具包有支持jQuery.Angular.React.Vue等版本.由博主工作上只接触了jQuery版本,所以写文

WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展

一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 日历控件Calendar自定义样式: 日期控件DatePicker自定义样式,及Label标签.水印.清除日期功能扩展: 二.Calendar自定义样式 先看看效果: 从上面图可以看出,日历的显示其实有三种状态,如下面的分解图: "日"部分的显示: "月"部分的显示: &qu