jquery插件开发之—日期选择器JqDatepicker

本文介绍了如何开发一个jQuery日期选择器插件JqDatepicker,包括封装过程、技术难点和实现步骤。插件旨在提供动态配置的日期输入控件,点击后返回时间值供后台使用。通过定义闭包、设置配置参数、抽离公用方法和绑定事件,实现了插件的功能。在使用中,可以通过new或init方法初始化插件,并通过getbackString方法获取点击后的响应值。
摘要由CSDN通过智能技术生成

     插件,在多人项目开发的过程中,是个很好的工具。它能够将复用的部分,封装成一个公共的接口,只需要写一遍,就可以在多人项目中,按照一定规则进行使用。

    开发一个插件需要完成以下几步:

  1.     定义在闭包中,并以一个立即执行函数进行开放。
  2.     将对象注册在window中,以开发接口供外界使用。
  3.     设置必要性的配置参数,以便根据配置参数的不同,执行不同的操作。
  4.     将公用方法,抽离出来,放在prototype原型链上。

     现在,按照上述罗列的四个步骤,一起探讨下,如何封装一个日期选择器插件吧。

    需求背景:根据不同配置参数,需要动态可配的输入时间控件,再点击不同时间链接之后,返回一个时间值。时间值作为下次访问条件查询语句的参数。

    技术难点:该需求,如果只封装成一个日期控件,方法较为简单,然后根据封装的控件,捕获点击事件,根据点击事件的值,进行相应操作。但,目前该插件封装出来,是给后台人员使用的,考虑到后端人员对前端的认识较为薄弱,因此想把点击后获取到的对一个标签值,当做一个string字符串,传递出来,以便后端人员进行下一步操作。该字符串的获取,需要有一个前提,即对日期控件进行点击,才读取值。因此该方法的难点就在于,如何将点击之后返回的值,直接return出来,并开接口传递到外界使用。

   梳理步骤&#

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值