位置: 编程技术 - 正文

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实现可编辑表格字段内容并实时保存

  • 其他债权投资的汇兑差额计入什么科目
  • 公司购买金蝶属于什么费用
  • 个人代开普票需要交个人所得税吗
  • 增值税申报表与财务报表不一致
  • 银行回单日期晚于做账日期
  • 买断式贴现是什么业务
  • 现金日记账怎么记账借方还是贷方
  • 小规模纳税人按1%征收增值税
  • 少数股东权益如何保障
  • 运输企业桥票怎么做会计分录
  • 收到厂家的销售返利 税收
  • 社保补助扶持给个人的钱是否需要缴纳个人所得税呢?
  • 递延所得税资产是什么
  • 营业外收入交税会计分录
  • 企业经营收入达到多少
  • 金税三期的内容
  • 增值税税率变动情况
  • 金税盘开票出现离线发票金额超出限制怎么设置?
  • 违约金扣除吗
  • 办公家具可以一次性抵扣吗?
  • 小规模纳税人销售收入会计分录
  • 公司注销了是不是就不能用了
  • 从租计征的房产税需要缴纳土地使用税吗
  • 扣供应商的税点应该包括附加税吗
  • 周转材料购置费属于材料费吗
  • 以房抵工程款会计分录
  • 银行与银行之间转账会计摘要
  • 出租厂房折旧可以税前扣除
  • php验证码代码怎么写
  • 金针菜的养殖方法和技术
  • 房地产企业开发成本
  • php statement
  • 代开专用发票缴纳增值税需要计提吗?
  • 完税证明和纳税申报表的金额不一致
  • vue public assets
  • 停产企业税收申请减免
  • 私企股权转让程序
  • 购买农产品没有发票入帐怎么办
  • 即征即退增值税属于政府补助吗
  • vue2 vue-router 不显示页面问题
  • 外汇是先申报后收钱么
  • 手把手怎么写
  • ajax自动带cookie
  • 体检的收据是什么
  • 红字发票开具错了,是否可以将其作废?
  • 土地增值税采用
  • 员工手机补助单怎么做账
  • sqlserver数据表在哪里
  • 主营业务成本应交税费
  • 原始凭证如何粘贴在记账凭证正确粘法图解
  • db2 798
  • mysql 中文乱码 识别
  • 公司法认缴资本金新规
  • 对方公司倒闭应收账款,销售需要承担吗
  • 关于成本核算的论文
  • 购入农产品的增值税税率是多少
  • 企业外购的无形资产的成本包括
  • 零申报是不是什么都不用填
  • 建筑企业怎么结算成本
  • 投资性房地产在建
  • 固定资产报废属于非流动资产处置损失吗
  • 税控设备设置在哪儿
  • 月末未完工半成品的分录
  • sql中的join
  • Computer Browser是什么进程,Computer Browser有什么用?
  • solaris 11.4
  • 怎么有才能
  • windows10 正式版
  • ftp上传网站的步骤
  • jquery .form
  • shell 批量删除
  • pass python用法
  • javascript怎么定义二维数组
  • [置顶]马粥街残酷史
  • 党建联建是什么部门负责
  • 航天信息服务费300元
  • 交警认可的客货两用车型
  • 先进材料包括哪些行业
  • 城市土地使用税计税依据
  • 发票抽奖还有吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设