位置: 编程技术 - 正文

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

  • 汽车运输企业付给车主的运费算成本吗
  • 安防监控工程会计分录
  • 个体户和公司的经营范围有区别吗
  • 公司的个人所得税是多少
  • 开现代服务发票有什么要求吗
  • 减免税款会计分录
  • 运费单独开票的账务处理
  • 派发现金红利分录
  • 弥补以前年度亏损从哪里取数
  • 什么样的情况可以补缴社保
  • 房地产公司工程管理制度
  • 衍生金融资产的核算
  • 商用住房出租需要交什么税?
  • 2020年购进农产品的扣除率
  • 减免所得税额明细怎么填
  • 进项明细和开票明细不一致怎么办
  • 个税申报汇总表怎么填写
  • 冲减增值税销项税额
  • 浙江印花税税率
  • 信用卡购物消费怎么算
  • 律师费能计入办公费用吗
  • 收到的进项发票要在多久前认证
  • 银行存款日期和起息日期不一样
  • ajax调用php函数
  • 出卖固定资产企业处罚
  • 增值税的计税依据包括消费税吗
  • 专用发票开具错误
  • 外商独资企业在中国上市简称什么
  • 日落时的雪景
  • 企业支付给员工的一次性伤残就业补助金计入什么科目
  • 购买原材料产生的费用
  • 公司给员工餐补计入
  • 免税是政府补助吗
  • 时点数和时期数 订单量 库存量点击量
  • 用css画一个扇形
  • 加工行业增值税负率一般控制在多少?
  • 跨区域涉税事项报验管理编号怎么填
  • 农产品收购发票可以抵扣进项税额吗
  • 四舍五入 vb
  • 进项税额转出会影响当期纳税吗?
  • 经营活动现金净流量与净利润的关系
  • 收到增值税收入423300,款项已存入国库
  • 解决Dede5.6联动类型更改排序数字的BUG
  • dedecms标签怎么用
  • 商誉减值可以避税吗
  • 小规模纳税人开专票需要交税吗
  • 未开票收入本月要计提增值税吗
  • 盘盈盘亏怎么填写
  • 小规模纳税人在哪里查
  • 个税手续费返还比例
  • 退回多交的所得税抵欠税怎么做账
  • 已认证进项税转出口退税怎么处理
  • 原材料当废品卖可以吗
  • 幼儿园增值税优惠政策
  • 未开票收入怎么做账
  • 废品损失是什么要素
  • 债券发行后在市场上交易时是怎么确定交易价格的
  • 人工工资会计科目
  • 会计的总目标是什么意思
  • 营业利润率公式计算公式
  • ef使用sql语句
  • sql优化常用的15种方法
  • centos 文件搜索
  • unix和linux是使用较为广泛的多用户交互
  • win7宽带连接改成无线网络
  • 安装win8正在安装应用要多久
  • 32位系统的电脑可以连接打印机吗
  • 事件委托实现
  • 简述android多线程编程的实现方式
  • matplotlib pypi
  • python怎么学啊
  • android拍照
  • macos如何使用
  • node.js的安装步骤
  • java script教程
  • javascript要怎么学
  • 怎么去税务局领税盘
  • 企业科研经费管理制度
  • 销售有机肥需要什么手续
  • 购置税周天上班吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设