jquery datepicker 限制时间

问题描述

jquery中的datepicker插件如何屏蔽周末的时候不让选 问题补充:yutian2211 写道

解决方案

也是可以的,不过人的没有‘’号,不知道你的maxDate:+10D算不算周末?如果算周末的话,下面就可以了<!DOCTYPE html><html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> $(document).ready(function() { $("#datepicker").datepicker({beforeShowDay: $.datepicker.noWeekends, minDate: '+1', maxDate: '+10D'}); }); </script></head><body style="font-size:62.5%;"> <div type="text" id="datepicker"></div></body></html>
解决方案二:
只要这样设置一下就可以了。。。上面是多打了[b][/b]$(".date").datepicker({ beforeShowDay: $.datepicker.noWeekends });
解决方案三:
只要这样设置一下就可以了$(".date").datepicker({ [b]beforeShowDay: $.datepicker.noWeekends[/b] });
解决方案四:
There is the beforeShowDay option, which takes a function to be called for each date, returning true if the date is allowed or false if it is not. From the docs:/* create an array of days which need to be disabled */var disabledDays = ["2-21-2010","2-24-2010","2-27-2010","2-28-2010","3-3-2010","3-17-2010","4-2-2010","4-3-2010","4-4-2010","4-5-2010"];/* utility functions */function nationalDays(date) { var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); //console.log('Checking (raw): ' + m + '-' + d + '-' + y); for (i = 0; i < disabledDays.length; i++) { if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) { //console.log('bad: ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]); return [false]; } } //console.log('good: ' + (m+1) + '-' + d + '-' + y); return [true];}function noWeekendsOrHolidays(date) { var noWeekend = jQuery.datepicker.noWeekends(date); return noWeekend[0] ? nationalDays(date) : noWeekend;}/* create datepicker */jQuery(document).ready(function() { jQuery('#date').datepicker({ minDate: new Date(2010, 0, 1), maxDate: new Date(2010, 5, 31), dateFormat: 'DD, MM, d, yy', constrainInput: true, beforeShowDay: noWeekendsOrHolidays });});
解决方案五:
jquery datepicker的周六日禁用功能 找了找没有找到 不过我们以前用过my97的 有这个功能 相当不错 可以考虑一下http://www.my97.net/dp/demo/index.htm<input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[6]})"/>

时间: 2024-09-11 16:36:20

jquery datepicker 限制时间的相关文章

JQuery datepicker 用法详解_jquery

jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker

javascript-项目页面jquery加载时间长导致响应时间慢

问题描述 项目页面jquery加载时间长导致响应时间慢 在正式环境中,有两个页面的响应时间过长,查看network发现是在加载jquery时导致的: 如图,因为该jquery已上压缩文件,所以不知该如何优化缩短响应时间?谢谢 解决方案 可以考虑使用cdn,加速网站访问速度 解决方案二: 解决方案三: 1.使用cdn加速js库加载,是其它网站上的,有不确定性,需考虑: 2.对网站的静态资源访问不做限制,权限验证,安全验证等直接通过: 3.缓存js类库 解决方案四: 优化页面加载时间(转贴)

Android零基础入门第57节:日期选择器DatePicker和时间选择器TimePicker

原文:Android零基础入门第57节:日期选择器DatePicker和时间选择器TimePicker    在实际开发中,经常会遇见一些时间选择器.日期选择器.数字选择器等需求,那么从本期开始来学习Android中常用选择器,今天学习的是DatePicker和TimePicker.     一.DatePicker       DatePicker是一个比较简单的组件,从FrameLayout派生而来,供用户选择日期.其在FrameLayout的基础上提供了一些方法来获取当前用户所选择的日期,

jquery Datepicker与Modal dialog冲突(不是Z-index),年月下拉框没有显示出来

问题描述 jquery Datepicker与Modal dialog冲突(不是Z-index),年月下拉框没有显示出来.在模式对话框中使用Datepicher控件,点击输入框,弹出Datepicker后(设置过Z-index:9999),显示正常.但是点击年/月的下拉框,则下拉框没有显示出来,并且焦点会跳到模式对话框中.通过Key操作(PgUp/PgDn)又可以选择年/月,只是通过鼠标点击下拉框不能显示出下拉列表.在非模式对话框中没有这个问题,能够显示年/月下拉列表.找了半天,没找到解决办法.

使用jquery如何获取时间_jquery

这篇文章主要介绍了jquery获取当前时间,月份,年份等,涉及针对日期时间的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下. js(jQuery)获取时间的方法及常用时间类 $(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); /*alert(t);*/ $("#time").text(t); $("#time").load("Untitled-1.html&quo

JQuery datepicker 使用方法_jquery

官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker基本使用方法: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <link href="http://a

jquery datepicker参数介绍和示例_jquery

复制代码 代码如下: <!DOCTYPE html><html><head><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googlea

datepicker设置时间-datepicker插件设置一个开始时间一个结束时间,结束时间必须在开始时间之后

问题描述 datepicker插件设置一个开始时间一个结束时间,结束时间必须在开始时间之后 $('#startDate').datepicker({ onSelect: function(dateText, inst) { $('#endDate').datepicker('option', 'minDate'); } }); $('#endDate').datepicker({ onSelect: function(dateText, inst) { $('#startDate').datep

jQuery中校验时间格式的正则表达式小结_jquery

代码中用到了jQuery,传入的参数是jQuery选择的input对象.原理:先用正则匹配,再提取时分秒,看其是否在正常的范围内. 复制代码 代码如下: /** * 检测时间是否符合格式 * @param {Object} timeTextBox */function checkTime(timeTextBox){    var time = timeTextBox.val();    var regTime = /^([0-2][0-9]):([0-5][0-9]):([0-5][0-9])$