[js开源组件开发]js手机联动选择日期 开源git

js手机联动选择日期

这里在前面的《js手机联动选择地区》的基础上,改造数据源之后形成的一个日期的选择器,当然你可以使用之前的PC上模式的《日期控件》,它同时也支持手机端,http://www.cnblogs.com/tianxiangbing/p/calendar.html

效果图如下:

mobile-select-date

手机联动选择日期 这个组件是从mobile-select-area 继承过来的,所以调用方法基本相同

DEMO请点击这里  http://www.lovewebgames.com/jsmodule/mobile-select-date.html

用法

注:依赖于dialogmobile-select-area

<!DOCTYPE>
<html>
    <head>
        <title>时间选择器</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" type="text/css" href="../dist/mobile-select-area.css">
        <script type="text/javascript" src="../dist/zepto.js"></script>
        <script type="text/javascript" src="../dist/dialog.js"></script>
        <script type="text/javascript" src="../dist/mobile-select-area.js"></script>
        <script type="text/javascript" src="../dist/mobile-select-date.js"></script>
    </head>
    <body>
        <input type="text" id="txt_date" value="2013/01/22"/>
        <script>
        var selectDate = new MobileSelectDate();
        selectDate.init({trigger:‘#txt_date‘});
        </script>
    </body>
</html>

属性及方法

trigger:

    触发弹窗的DOM元素 ,可以是input或其他

callback:

    选中后的回调,默认有填充trigger的value值,以‘/’分隔
时间: 2024-07-30 19:43:11

[js开源组件开发]js手机联动选择日期 开源git的相关文章

[js开源组件开发]js文本框计数组件

js文本框计数组件 先上效果图: 样式可以自行调整 ,它的功能提供文本框的实时计数,并作出对应的操作,比如现在超出了,点击下面的按钮后,文本框会闪动两下,阻止提交.具体例子可以点击demo:http://www.lovewebgames.com/jsmodule/word-count.html,它的源文件托管在github上:https://github.com/tianxiangbing/word-count 使用方法案例: <div class="txt-count-container

js组件开发-移动端地区选择控件mobile-select-area

移动端地区选择控件mobile-select-area 由于之前的[js开源组件开发]js手机联动选择地区仿ios 开源git 很受欢迎,于是我又对其进行了一些优化,包括可选的范围变大了,添加了默认空首地址的功能,也添加了更多api参数,首先我们先来看下这次的效果图. 它的github地址请点击https://github.com/tianxiangbing/mobile-select-area 它的demo演示请点击 http://www.lovewebgames.com/jsmodule/m

js手机联动选择地区仿ios 开源git

js手机联动选择地区 前言:由于网上找到了一个mobiscrool,比较全,但是不开源,只能试用15天,正式版竟然要三千块钱,穷人只能自己动手,写了个只针对弹窗地区选择的. 本站点所有的资源均在github上可以查看源代码 GitHub demo地址请点击这里 http://www.lovewebgames.com/jsmodule/mobile-select-area.html mobile-select-area 手机联动选择地区 用法 ##注:依赖于[dialog](https://git

[js开源组件开发]query组件,获取url参数和form表单json格式

query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……,最近项目紧,几个小组,只有我一个前端,公司对前端的定位不清晰,导致前端人员过少的情况.所以还得促进公司前端人员增长,不然再这么玩下去,我要被玩死了,一个公司,不可能靠一个资深前端来支撑二三十个开发的需求,这是不现实的,特别是现在的页面不再是复制粘贴的前况下.我默默耕芸,所以这次我整理了这一个月里所有

[js开源组件开发]数字或金额千分位格式化组件

数字或金额千分位格式化组件 这次距离上一个组件<[js开源组件开发]table表格组件>时隔了一个月,由于最近的项目比较坑,刚挖完坑,所以来总结性提出来几个组件弥补这次的空缺,首先是金额和数字的千分位和小数点控制的组件,它的作用主要是在输入框时限制输入的内容为数字.也可以用于普通标签的数字格式化,效果如下图: demo演示地址请点击 http://www.lovewebgames.com/jsmodule/format-number.html 源码github托管地址请点击https://gi

[js开源组件开发]network异步请求ajax的扩展

network异步请求ajax的扩展 在日常的应用中,你可能直接调用$.ajax是会有些问题的,比如说用户的重复点击,比如说我只希望它成功提交一次后就不能再提交,比如说我希望有个正在提交的loading效果.所以我做network这个组件来扩展$.ajax,希望全中国的人民们喜欢. 这里使用到了上篇[js开源组件开发]loading加载效果 一个loading效果,但为了让它独立运行,所以没有进行引用,而是直接做了一个loading方法在里面.它的具体效果图如下: 它的实例DEMO地址请点击这里

Flex自定义组件开发之日周月日期选择日历控件

原文:Flex自定义组件开发之日周月日期选择日历控件 使用过DateField的我们都知道,DateField 控件是用于显示日期的文本字段,字段右侧带有日历图标.当用户在控件边框内的任一位置单击时,将弹出一个 DateChooser 控件,显示当月的所有日期.如果未选择日期,则该文本字段为空白,并且 DateChooser 控件中将显示当前日期的月份.当 DateChooser 控件处于打开状态时,用户可以在各个月份和年份之间滚动,并选择某个日期.选择日期后,DateChooser 控件关闭,

[js开源组件开发]localStorage-cache本地存储的缓存管理

localStorage-cache本地存储的缓存管理 距离上次的组件开发有近三个月的时间了,最近一直在做一些杂事,无法静下心来写写代码,也是在学习emberjs,在emberjs中有一个很重要的东西 -- localstorage_adapter,本地存储适配器,利用它可以很方便的把数据保存在本地的localStorage中,但我今天要讲的,并不是ember,也不是适配器,我是个比较念旧的人,所以我对cookie很情有独钟,当然,cookie也会有各种问题,于是我就来改造下localStora

使用Jayrock开源组件开发基于JSON-RPC协议的接口

最近接手一个以前的项目,无意间发现此项目开发接口的组件:Jayrock(接口组件估计用的少,用的最多的估计是这个Jayrock.json.dll,用于解析json) 以下是Jayrock的介绍官网: https://atifaziz.github.io/projects/jayrock/ 如果你在开发上使用了该组件,上面的官网会是一个不错的入门教程. 在研究的过程中,发现Jayrock有以下的特定,主要从开发角度方向进行分析. 优点如下: 1.接口开发和部署简单,直接继承组件的JsonRpcHa