好用的移动端时间选择插件rolldate

作者：笔墨点赞次数：0 阅读次数：8120 分类：插件发布时间：2020-07-27 11:31:29

简单的使用示例

滚动比较流畅
引入js
````
<script type="text/javascript" src="/js/rolldate.min.js?v=7"></script>
```` 
js下载地址 [点击打开另存为即可 rolldate ](https://bimoor.com/storage/file/rolldate.min.js "点击下载 rolldate ")

代码如下
````
<div class="mui-input-row">
   <label>出生日期 :</label>
       <input type="text" id="h_birthday" placeholder="请选择出生日期"  readonly>
       <input type="hidden" name="h_birthday" placeholder="请选择"   readonly value="">
</div>
````

js代码
````
 window.onload = function() {

new Rolldate({
            el: '#h_birthday',//ID
            format: 'YYYY-MM-DD',//格式
            beginYear: 1900,//开始时间
//            value:'1960-03-18',//默认值
            endYear: new Date().getFullYear(),
            confirm: function(date) {
                var arr=date.split('-');
                var str = date;
                if(!arr[1]){
                    var str = arr[0];
                }
                if(!arr[1] && !arr[2] ){
                    var str =  arr[0];
                }
                if(!arr[1] && arr[2] ){
                    var str = arr[0];
                }
                if(arr[1] && !arr[2] ){
                    var str =  arr[0]+'-'+arr[1];
                }
                $("input[name='h_birthday']").val(str);
                return str;
            },

})

}
````
##### 移动端示例
[![](https://www.bimoor.com/storage/admin/20200727/6db47810eecc72eb0296ba52064bf4ad.jpg)](https://www.bimoor.com/storage/admin/20200727/6db47810eecc72eb0296ba52064bf4ad.jpg)

上一篇: php自定义筛选分词...

下一篇: php 简单的docket服务端...

抢沙发

全部留言