jQuery(function($) {
// 保存按钮单击事件
$("#subForm").click(function() {
$("form")// 选择form
.first()// 选择第一个 第二个用eq(1) 最后一个 last()
.submit();// 提交
});
// 最近一天单击事件
$("#day1").click(function() {
$("#feeds_datetime").val(change_date(1));
$("#feeds_datetime2").val(change_date(1));
$("#subForm").click();
});
// 最近三天单击事件
$("#day3").click(function() {
$("#feeds_datetime").val(change_date(3));
$("#feeds_datetime2").val(change_date(1));
$("#subForm").click();
});
// 最近一周单击事件
$("#day7").click(function() {
$("#feeds_datetime").val(change_date(7));
$("#feeds_datetime2").val(change_date(1));
$("#subForm").click();
});
var change_date = function(days) {
// 参数表示在当前日期下要增加的天数
var now = new Date();
// + 1 代表日期加,- 1代表日期减
now.setDate((now.getDate() + 1) - 1 * days);
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
if (month < 10) {
month = '0' + month;
}
if (day < 10) {
day = '0' + day;
}
return year + '-' + month + '-' + day;
};
});
分享到:
相关推荐
- jQuery日期时间插件是一种JavaScript组件,通过jQuery库来实现日期和时间的选择器,使得用户在网页上选择日期和时间变得更加直观和便捷。 2. **功能特性**: - **多语言支持**:许多插件允许开发者为不同国家和...
在处理日期选择时,特别是在需要用户选取多个日期并以特定格式(如逗号隔开)显示的场景下,jQuery的插件和自定义功能显得尤为重要。本文将深入探讨如何使用jQuery实现“日期空间多选,多个日期逗号隔开”的功能。 ...
在使用jQuery日期选择插件前,确保已引入jQuery库和插件的JavaScript及CSS文件。然后,通过以下步骤在HTML元素上应用插件: 1. **选择元素**:使用jQuery选择器选取需要添加日期选择功能的元素,如`$("#dateInput")...
10. **插件选择**:在jQuery生态系统中,有很多知名的日期插件可供选择,如jQuery UI的Datepicker、Bootstrap的Datetimepicker、Pickadate.js、Eonasdan的Bootstrap DateTimePicker等,每个都有其特点和优势。...
本文将深入探讨如何使用jQuery实现一个简洁、漂亮的日期选择控件,并通过提供的压缩包文件来演示具体代码实现。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画创建等任务。在构建日期选择器时...
1. **引入资源**:首先需要在页面中引入jQuery库和日期选择器插件的CSS和JS文件。 2. **选择元素**:找到需要添加日期选择器的输入字段,通常使用`<input type="text">`标签。 3. **初始化插件**:使用jQuery选择器...
**jQuery日期选择器插件**是一种广泛应用于网页开发中的组件,它允许用户通过交互式的日历界面方便地选择日期。这种插件极大地提高了用户在网页上输入日期的体验,尤其适用于需要用户输入生日、预约日期或者截止日期...
这些插件通常与JavaScript库jQuery结合使用,以简化前端日期相关的交互和样式设计。在本篇文章中,我们将深入探讨jQuery日期插件的原理、常见功能以及如何在项目中使用它们。 首先,jQuery 日期插件的核心目标是...
- **scripts**:这个目录可能包含JavaScript文件,其中最重要的是`jquery-datepicker.js`,它是jQuery日期选择插件的核心代码。此文件实现了组件的功能逻辑,如事件处理、日期计算等。 ### 3. 使用方法 要使用这个...
2. `jquery.date_input.js`:这是未压缩的JavaScript源代码文件,包含了日期控件的主要逻辑。开发者可以在这个文件中查看并理解插件的工作原理,进行进一步的自定义和调试。 3. `jquery.date_input.min.js`:这是...
在本例中,我们关注的是一个特定的应用:使用jQuery实现的日期拾取器。日期拾取器是一种用户界面组件,允许用户通过交互式日历选择日期,而无需手动输入,极大地提高了用户体验。 日期拾取器在Web开发中应用广泛,...
jQuery UI 是一个强大的用户界面库,其中包含了许多实用的组件,其中之一就是日期选择器(Datepicker)。本篇文章将深入探讨这个功能丰富的日期控件,帮助你更好地理解和运用它。 ### 1. jQuery Datepicker 的安装...
为了在项目中使用这个插件,开发者需要先引入jQuery库,然后加载该日期选择器的JavaScript和CSS文件。接着,可以通过调用特定的jQuery方法将日期选择器绑定到需要的元素上,并根据需要配置选项。在HTML中,可以使用`...
jQuery UI的日期选择器(jQuery datepicker)是一个广泛使用的组件,尤其在网页表单中用于输入日期时。这个组件提供了一个优雅、用户友好的界面,允许用户通过日历视图来选择日期,而不是手动输入。在中文环境中,...
总的来说,`asp.net jquery 日期控件`涉及到的技术点包括:ASP.NET控件、jQuery库的使用、JavaScript的DOM操作、以及第三方插件`My97DatePicker`的集成和应用。掌握这些技能,将有助于提升你在Web开发中的能力,使你...
jQuery日期时间选择器插件.rar jQuery日期时间选择器插件.rar jQuery日期时间选择器插件.rar jQuery日期时间选择器插件.rar jQuery日期时间选择器插件.rar jQuery日期时间选择器插件.rar jQuery日期时间选择器插件....
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
使用jQuery日期控件,首先要引入jQuery库和该日期插件的JS文件。在HTML中添加引用后,可以通过简单的jQuery选择器和方法应用到页面上的特定元素,如`$("#dateInput").jeDate();`,这将使指定的输入框变为日期选择器...
**jQuery 日期插件及其用法详解** 在Web开发中,日期选择器是一个常见的功能,它使得用户能够方便地输入或选择日期。jQuery Datepicker 是一个流行的选择,它提供了丰富的功能和灵活的自定义选项。这个插件尤其适合...