`

jquery中的datatimepicker指定哪些日期不能选择

阅读更多
在jquery中的datatimepicker,可以指定哪些日期是不能被用户选择的,代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css"
        type="text/css" media="all" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            var daysToDisable = ['12-2-2010', '12-7-2010', '12-10-2010', '12-18-2010'];

            $('#<%= txtDate.ClientID  %>').datepicker({
                beforeShowDay: disableSpecificDates,
                dateFormat: 'mm-dd-yy'
            });

            function disableSpecificDates(date) {
                var month = date.getMonth();
                var day = date.getDate();
                var year = date.getFullYear();
                for (i = 0; i < daysToDisable.length; i++) {
                    if ($.inArray((month + 1) + '-' + day + '-' + year, daysToDisable) != -1) {
                        return [false];
                    }
                }
                return [true];
            }
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
    </form>
</body>
</html>

1
0
分享到:
评论

相关推荐

    jquery.DataTimePicker.js 日历插件

    DateTimePicker插件则是基于jQuery的一个扩展,它通过简单的API和灵活的配置选项,使得开发者能够轻松地在网页中集成一个功能强大的日期时间选择器。 该插件的主要特性包括: 1. **丰富的样式设计**:...

    DateTimePicker:jQuery日期和时间神器

    DateTimePicker是jQuery库中的一个强大工具,用于在网页表单中添加日期和时间选择功能。这个插件使得用户能够方便地选取日期和时间,而无需手动输入,极大地提高了用户体验。以下将详细介绍DateTimePicker的特性、...

    用开源项目DataTimePicker实现时间日期选择功能

    在Activity或Fragment中,你需要获取DateTimePicker实例并设置回调,以便当用户选择新的日期或时间时能接收到通知。以下是如何做到这一点的示例: ```java DateTimePicker datetimePicker = findViewById(R.id....

    WPF日期时间选择DateTimePicker

    - `SelectedDateFormat`和`SelectedTimeFormat`: 分别用于指定日期和时间的显示格式,可以独立设置。 3. **事件** - `ValueChanged`: 当用户选择一个新的日期或时间时触发,开发者可以通过处理这个事件来响应用户...

    Datatimepicker控件常见使用

    Datatimepicker控件在软件开发中是一种常用的用户界面组件,它允许用户选择日期和时间。这个控件在各种应用程序中都有广泛的应用,比如日程安排、预订系统、时间记录等。在这里,我们将深入探讨Datatimepicker控件的...

    datetimepicker选择时分秒

    在本项目中,我们聚焦于"bootstrap-datetimepicker",这是一个基于Bootstrap框架的日期时间选择器插件。经过改造后,该插件现在支持用户不仅可以选择日期,还可以精确地选择时、分、秒,极大地提升了输入时间数据的...

    datatimepicker.rar

    这个插件基于流行的Bootstrap框架,并且利用jQuery UI的功能,使得在网页上实现日期和时间选择变得简单直观。通过使用DateTimepicker,开发者可以避免用户在输入日期和时间时可能出现的格式错误,从而提高数据输入的...

    Android自定义DataTimePicker实例代码(日期选择器)

    我们看到代码中创建了一个名为`DateTimePickDialogUtil`的类,这个类实现了`OnDateChangedListener`和`OnTimeChangedListener`接口,目的是监听`DatePicker`和`TimePicker`的改变事件,以便当用户选择日期或时间时能...

    flex DataTimePicker时间控件

    "flex DataTimePicker时间控件"是一个专为Adobe Flex平台设计的组件,用于帮助用户方便地选择日期和时间。Flex是一个开放源代码的框架,主要用于构建富互联网应用程序(RIA),它基于ActionScript编程语言和MXML标记...

    bootstrap-datetimepicker时间组件

    - 如果日期时间选择器不显示,检查是否正确引入了所有依赖库,如jQuery、Bootstrap CSS和JS。 - 日期格式错误可能导致日期无法正常显示,检查`format`配置是否正确。 - 日期范围限制无效可能是因为`startDate`或`...

    DateTimePicker

    我的资源里面有个08年左右的WPF DateTimePicker控件,那时候对WPF也不太懂,写了一个将就可以工作,然后就分享到这里来了。 今天我用了一个下午的时间把原来的代码精简了一下,同时把控件的外观稍微做了一点改变。 ...

    winform自定义时间选择控件

    今天在项目中需要选择时间的控件,但是winform中的dataTimePicker控件不能认为输入时间,或者就是要么只能选择时间,鄙人就包装了一下。可以选择日期,输入时间,带时分秒的。(vs2008包装的,如打不开,可以看看...

    Android中DateTimePicker的实现

    在Android开发中,DateTimePicker是用户界面中一个重要的组件,用于选择日期和时间。这个组件让用户能够方便地设定日期(年、月、日)和时间(小时、分钟),通常用于设置提醒、创建事件或者填写表单等场景。下面将...

    JavaFX_ DateTimePicker.jar

    JavaFX中的日期时间选择控件,来自于github开源项目https://github.com/taipeiben/DateTimePicker,这个是自己打包的jar

    时间选择器

    "时间选择器"是这样一个组件,它允许用户在应用程序中方便地选取日期和时间,而无需手动输入所有细节。这个主题主要涉及到`DataPickerDialog`和`TimePickerDialog`,它们是Android SDK中提供的两种实现动态日期和...

    bootstrap-timepicker双击问题修复

    最近在项目中引用了bootstrap-datatimepicker控件,但是发现该控件在日期选择框弹出状态下再次点击input则日期选择框消失但再次点击input日期选择框不再弹出。 解决办法: 在日期控件的show方法中给input加上...

    bootstrap-datetimepicker.zip

    Bootstrap DateTimePicker是一款基于Bootstrap框架的日期和时间选择插件,它为用户提供了一种优雅的方式来选择日期和时间。这个压缩包“bootstrap-datetimepicker.zip”包含了用于实现这一功能的核心JavaScript文件...

    自定义TimePicker和DataPicker

    在Android开发中,TimePicker和DatePicker是两种常用的控件,分别用于选择时间(小时、分钟)和日期(年、月、日)。然而,系统提供的默认样式可能无法满足所有设计需求,因此开发者有时需要自定义这些控件以实现...

    Android中简单datepicker和timepicker的自定义制作

    在Android开发中,`DatePicker`和`TimePicker`是用于用户选择日期和时间的常见组件。自定义这两个组件可以提供更符合应用风格或用户需求的交互体验。下面将详细介绍如何在Android中自定义`DatePicker`和`TimePicker`...

Global site tag (gtag.js) - Google Analytics