Web滑動日期選擇器（仿iOS）

datepicker.mobile

簡介

移動web端統一使用體驗，在ios上通過select标簽滑輪的效果很贊，但是android不同版本表現各異，為了統一UI與使用體驗，使用開源庫mobiscroll封裝了一個自己的時間選擇控件（mobiscroll庫的使用文檔不多，自己使用時也遇到很多坑），實作js比較簡單，大家可以看看，然後定制出自己的時間選擇器。

日期選擇demo github項目位址

demo預覽

如何使用？

1. demo/index.html中樣例所示，引入如下js

<script type="text/javascript" src="./js/util.js"></script>
    <script type="text/javascript" src="./js/date.js"></script>
           

util.js工具類，date.js主要操作js

date.js中一些日期操作展依賴util.js

1. 建立date

/**
 * 初始化傳入參數說明
 * 
 * @param  {[date]}      [設定日期]
 * @param  {[theme]}     [主題設定：目前白藍兩種主題，預設白色主題]
 * @param  {[onSelect]}  [日期選中後回調函數 參數date為選中日期]
 */
date.init(
    {
        date : '2016-01-07',
        theme : 'blue',
        onSelect : function(date){
        console.log(date);
    }}
);
           

1. 配置參數

{
    date : '2016-01-07',//傳入初始化日期
    theme : 'blue',//目前白藍兩種主題，預設白色主題
    onSelect : function(date){
        console.log(date);//日期選中後回調函數 參數date為選中日期
    }
}