jquery有没有选择 周几和时间 的插件

这个没必要jquery吧，自己实现一个 星期下拉框 + 24小时下拉框

如果要美观，可以用div方式，将星期和小时在div中展示，比如觉得24小时太长，可以分三列，每8小时为一列 js实现比较容易

给你一个插件吧~不过要配合CSS哦~其实也没什么~就是有几个选项卡就写几个内容出来然后其他的隐藏，只让当前的显示~给你个JS插件，不懂的再问吧~不过要这个插件是JQ的~需要JQ库支持哈~最好的183的

日历插件：

在页面开发中，经常遇到需要用户输入日期的 *** 作。通常的做法是，提供一个文本框，让用户输入，然后，编写代码验证输入的数据，检测其是否是日期型。这样比较麻烦，同时，用户输入日期的 *** 作也不是很方便，影响用户体验。如果使用jQuery UI 中的datepicker日历插件，这些问题都可以迎刃而解。该插件调用的语法格式如下：

$("selector")datepicker(options);

其中"selector"　表示DOM元素，一般指文本框，由于该插件的作用是提供日期选择，因此，常与一个文本框绑定，将选择后的日期显示在该文本框中。选项options是一个对象。

下面是一些参数：

　changeMonth 设置一个布尔值，如果为true,则可以在标题处出现一个下拉选择框，可以选择月份，默认值为false

changeYear 设置一个布尔值，如果为true,则可以在标题处出现一个下拉选择框，可以选择年份，默认值为false

showButtonPanel 设置一个布尔值，如果为true, 则在日期的下面显示一个面板，其中有两个按钮；一个为“今天”，另一个按键为“关闭”，默认值为false,表示不显示。

closeText 设置关闭按钮上的文字信息，这项设置的前提是，showButtonPanel的值必须为true,否则显示不了效果。

dateFormat 设置显示在文本框中的日期格式，可设置为{dateFormat:'yy-mm-dd'},表示日期的格式为　年－月－日，如2012-10-1

defaultDate 设置一个默认日期值，如{defaultDate:+7}, 表示，d出日期选择窗口后，默认的日期是在当前日期加上7天

　showAnim 设置显示d出或隐藏日期选择窗口的方式。可以设置的方式有，“show"、"slideDown"、"fadeIn“，或者为"", 表示没有d出日期选择窗口的方式。

　showWeek 设置一个布尔值，如果为true,则可以显示每天对应的星期，默认值为false

yearRange 设置年份的范围，如{yearRange:'2000:2010'},表示年份下拉列表框的最小值为2000年，最大值为2010年，默认值为c-10;c+10,当前年份的前后10年。

一般而言，JQuery可以利用attr来获取元素的属性值，

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

参考资料：

Datepicker 的选项中有一个 minDate（最小日期），如果把 minDate 设为当前日期，之前的日期就都不能选了。

minDate 可以为

1、日期对象，例如 new Date()

2、也可以是整数，例如 3 代表 3 天后，-1 代表昨天，0 代表今天

3、也可以是字符串，例如 1w 代表 1 星期后，-2m 代表 两个月之前

所以问题可以设置为日期对象（当前）或者0。

$("#ele")datepicker({

minDate: new Date()

});

或者

$("#ele")datepicker({

minDate: 0

});

使用方法：

1限制日期

$("#resultDiv")datepicker({

onSelect: function (dateText, inst) {

//代码：选择日期后触发的事件

},

minDate: new Date(),//最小日期

maxDate: new Date($("#DateLimit")val())//最大日期

});

2中文

jQuery(function ($) {

$datepickerregional['zh-CN'] = {

closeText: '关闭',

prevText: '<上月',

nextText: '下月>',

currentText: '今天',

monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',

'七月', '八月', '九月', '十月', '十一月', '十二月'],

monthNamesShort: ['一', '二', '三', '四', '五', '六',

'七', '八', '九', '十', '十一', '十二'],

dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],

dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],

dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],

weekHeader: '周',

dateFormat: 'yy-mm-dd',

firstDay: 1,

isRTL: false,

showMonthAfterYear: true,

yearSuffix: '年'

};

$datepickersetDefaults($datepickerregional['zh-CN']);

});

3时间段查询用法

$(document)ready(function () {

$('#SearchStartDT')datepicker({

dateFormat: 'yy-mm-dd',

onSelect: function (startDate) {

var $startDate = $("#SearchStartDT");

var $endDate = $('#SearchEndDT');

var endDate = $endDatedatepicker('getDate');

if (endDate < startDate) {

$endDatedatepicker('setDate', startDate - 3600 1000 24);

}

$endDatedatepicker("option", "minDate", startDate);

}

});

$('#SearchEndDT')datepicker({

dateFormat: 'yy-mm-dd',

onSelect: function (endDate) {

var $startDate = $("#SearchStartDT");

var $endDate = $('#SearchEndDT');

var startDate = $startDatedatepicker("getDate");

if (endDate < startDate) {

$startDatedatepicker('setDate', startDate + 3600 1000 24);

}

$startDatedatepicker("option", "maxDate", endDate);

}

});

$("#SearchStartDT")datepicker("option", "maxDate", new Date());

$("#SearchEndDT")datepicker("option", "maxDate", new Date());

});

以上就是关于jquery有没有选择 周几和时间 的插件全部的内容，包括:jquery有没有选择 周几和时间 的插件、js如何实现一周tab效果， 默认显示当天星期几的内容，tab可切换。、jquery 日历控件在php中怎么使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！