位置: 编程技术 - 正文

jQuery往返城市和日期查询实例讲解(jquery 设置和返回元素属性)

编辑:rootadmin

推荐整理分享jQuery往返城市和日期查询实例讲解(jquery 设置和返回元素属性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery 设置和返回元素属性,jquery通过哪个方法可以设置或返回表单字段的值,jquery return,jquery返回顶部代码,jquery通过哪个方法可以设置或返回表单字段的值,jquery返回上一个页面,jquery通过哪个方法可以设置或返回表单字段的值,jquery通过哪个方法可以设置或返回表单字段的值,内容如对您有帮助,希望把文章链接给更多的朋友!

大多旅游网站上都提供了一个城市和日期输入查询的功能。用户在输入框中只需输入城市的拼音或者简称就可以即时查询到相关城市的名称,选择日期时则是出现两个月的日历控件,只需点选日期即可,整个操作简捷明了。本文用到了jquery ui库的datepicker插件来控制日历以及输入城市提示的插件。

XHTML

jQuery往返城市和日期查询实例讲解(jquery 设置和返回元素属性)

设计城市和日期的输入框,注意使用了div#suggest和div#suggest2两个DIV是用来显示城市列表的,默认CSS控制为不显示。CSS

上述样式主要是控制城市查询的外观,而日历控件的样式我们单独使用jquery ui的样式:

jQuery首先要引用主要javascript:

注意aircity.js是以数组的形式储存城市名称等数据。j.suggest.js是控制输入查询城市的,大家可以直接下载使用。主要看下页面使用jQuery。

上述代码实现了输入查询城市,调用城市数据的功能。hot_list:commoncitys是指初始的热门城市,attachObject:"#suggest"是设置输入时关联的显示城市列表的DIV。接下来要加入控制日历的代码。我们需要控制日历的有效日期,即显示当前日期,在当前日期前的日期都不能选中,因为你不可能选择已经过去的日期作为出发日期。还有就是要显示连续的两个月的日历。代码如下:

代码首先获取了当前日期(即今天),然后初始日期输入框的内容和样式,再调用detepicker插件,设置最小日期为当前日期,设置numberOfMonths为连续的两个月,此外当选择日期后,调用函数将输入框的样式改变。将以上代码追加到城市输入查询代码的后面即可。如此,你的城市和日期选择功能已经实现。本文未涉及到日期的验证,如返回日期不能小于出发日期,这个就留给大家去想吧。

标签: jquery 设置和返回元素属性

本文链接地址:https://www.jiuchutong.com/biancheng/370393.html 转载请保留说明!

上一篇:jQuery实现连续动画效果实例分析(jquery跳出循环)

下一篇:jQuery+PHP实现可编辑表格字段内容并实时保存

  • 企业一般户需要哪些资料
  • 投标成交服务费
  • 别人公司过账用自己的银行卡会查吗
  • 汇兑损益一般是多少
  • 税控盘清卡失败
  • 什么企业不用交社保
  • 咨询服务费预收率怎么算
  • 社保所属期和缴费期相差一个月吗
  • 个税是否可以跨区缴纳
  • 预付款核销会计分录
  • 如何使用发票对冲个人所得税
  • 小企业长期股权投资的核算
  • 高危行业企业安全费用提取
  • 弃置费用调整
  • 没有抵扣的发票怎么入账
  • 理财产品 会计分录
  • 公司为员工买保险好还是个体户为员工买保险好
  • 租金收入未收到 税法规定
  • 水电费大于发票怎么处理?
  • 总包分包差额征税是什么意思
  • 公账转私账用途怎么写
  • 自收自支事业单位
  • 赊购商品一批
  • 季度所得税预缴税款表中主营业务成本是否包含管理费用
  • 租车费增值税专用发票
  • 小微企业需要税务登记吗
  • 在window系统中哪些用户可以查看日志
  • u盘启动器安装系统
  • windows在cmd设置变量
  • w10纯净版系统怎么样
  • 建筑行业企业所得税怎么征收
  • 报销费用多付会计分录
  • 关闭win10系统更新有什么后果
  • 处置子公司的收益
  • 白兰花的养殖方法和注意事项和病虫害
  • 金融保险业的营业税率为
  • 其他流动资产是速动资产吗
  • 房地产公司收房款怎么分录
  • 白酒赠送消费税计算
  • 全网最详细的李白解说来了
  • 促销赠品的会计处理
  • 用现金报销差旅费及增值税怎么做账
  • 帝国cms移动端
  • 最新税法规定小车折旧年限
  • 公司注册资金表格模板
  • python的基本风格
  • linux下安装mysql数据库5.6源码安装,修改登录用户密码
  • 融资租赁业务需要什么条件
  • 关联企业利息费用债资比
  • 餐饮服务收入的增值税
  • sql server 2008使用说明
  • 一般纳税人结转税额怎么做会计分录
  • 复印件可以作为会计原始凭证吗
  • 金蝶软件中怎么让以前年度损益调整在利润表中取不到数
  • 报考中级会计师考几科
  • 零税率应税服务出口退税
  • 固定资产提前报废当月计提折旧吗
  • 本年利润如何记账
  • 劳务收入是什么科目
  • 给员工买的手机能抵扣税吗
  • 网上充值平台不能提现怎么办
  • 营业外支出包括哪些内容
  • 商业企业进货会计分录
  • Linux下MySQL 5.5/5.6的修改字符集编码为UTF8的方法
  • 升级win8.1 64位系统后无法玩剑灵怎么办?win8.1系统无法玩剑灵的解决方法
  • solaris版本查询
  • windows软件包2012能删吗
  • win10首个正式版发布日期
  • 磁盘清理win10
  • win10应用商店叫什么
  • 怎么禁止电脑qq自动启动
  • win10系统打开cad出现致命错误
  • android yield
  • perl @inc
  • Node.js中的construct构造函数
  • 网页设计需要多少分辨率
  • 请简述vue-router路由的作用
  • jquery实现div左右移动
  • 增值税预缴税款退税申请怎么写
  • 电子税务密码输入错误五次怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设