如何使用jQuery创建时间范围选择器进行赋值?

更新于
2026-09-23 06:27:24
1阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计168个文字,预计阅读时间需要1分钟。

如何使用jQuery创建时间范围选择器进行赋值?

页面效果实现元素方法:

1.引入jQuery包+页面效果+实现元素方法

1.引入jQuery包

2.页面中添加表格如下:

+ 一周内 + 一个月内

如何使用jQuery创建时间范围选择器进行赋值?

页面效果实现元件方法1.引入jquery包

页面效果

实现元件方法

1.引入jquery包 2.页面中表单如下

                     

                      一周内 一月内                       一季度内                      

                      3.调用函数方法

function dateQuery(){ $("#lastsevendays").click(function() { getFormatDate(this,"lastsevendays"); }); $("#recentmonth").click(function() { getFormatDate(this,"recentmonth"); }); $("#recentquarter").click(function() { getFormatDate(this,"recentquarter"); }); } function getFormatDate(key,specialfactor){ var result $(key).jDateFormat({specialfactor : specialfactor}); var d eval(result); if(d){ $("#startproductdate").val(d[0]); $("#endproductdate").val(d[1]); } }

本文共计168个文字,预计阅读时间需要1分钟。

如何使用jQuery创建时间范围选择器进行赋值?

页面效果实现元素方法:

1.引入jQuery包+页面效果+实现元素方法

1.引入jQuery包

2.页面中添加表格如下:

+ 一周内 + 一个月内

如何使用jQuery创建时间范围选择器进行赋值?

页面效果实现元件方法1.引入jquery包

页面效果

实现元件方法

1.引入jquery包 2.页面中表单如下

                     

                      一周内 一月内                       一季度内                      

                      3.调用函数方法

function dateQuery(){ $("#lastsevendays").click(function() { getFormatDate(this,"lastsevendays"); }); $("#recentmonth").click(function() { getFormatDate(this,"recentmonth"); }); $("#recentquarter").click(function() { getFormatDate(this,"recentquarter"); }); } function getFormatDate(key,specialfactor){ var result $(key).jDateFormat({specialfactor : specialfactor}); var d eval(result); if(d){ $("#startproductdate").val(d[0]); $("#endproductdate").val(d[1]); } }